event.X和event.clientX的区别分析


Posted in Javascript onOctober 06, 2011

event.clientX返回事件发生时,mouse相对于客户窗口的X坐标
event.X也一样
但是如果设置事件对象的定位属性值为relative
event.clientX不变
而event.X返回事件对象的相对于本体的坐标
event对象详解 ICOOE 2000.3.31 http://www.51js.com/
event代表事件的状态,例如事件发生的的元素、鼠标的位置等等,event对象只在事件过程中才有效。

event属性:

altKey
检索ALT键的当前状态
可能的值 true为关闭
false为不关闭

button
检索按下的鼠标键
可能的值: 0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

cancelBubble
设置或检索当前事件是否将事件句柄起泡
可能的值: false 启用起泡
true 取消该事件起泡

clientX
检索与窗口客户区域有关的鼠标光标的X坐标,属性为只读,没有默认值。

clientY
检索与窗口客户区域有关的鼠标光标的Y坐标,属性为只读,没有默认值。

ctrlKey
ctrlKey 检索CTRL键的当前状态
可能的值 true为关闭
false为不关闭

dataFld
检索被oncellchange事伯影响的列

aTransfer
为拖放操作提供预先定义的剪贴板式。

Element
检索在on mouseover和on mouseout事件期间退出的对象指针

keyCode
设置或检索与引发事件的关键字相关联的Unicode关键字代码
该属性与onkeydown onkeyup onkeypress一起使用
如果没有引发事件的关键字,则该值为0

offsetX
检索与触发事件的对象相关的鼠标位置的水平坐标

offsetY
检索与触发事件的对象相关的鼠标位置的垂直坐标

propertyName
检索在对象上己更改的特性的名称

reason
检索数据源对象数据传输的结果
可能的值:
0 数据传输成功
1 数据传输失败
2 数据传输错误

recordset
检索数据源对象中默认记录集的引用
该特性为只读

repeat
检索一个事件是否被重复
该属性只有在onkeydown事件重复时才返回true

returnvalues
设置或检索从事件中返回的值
可能的值:
true 事件中的值被返回
false 源对象上事件的默认操作被取消

screenX
检索与用户屏相关的鼠标的水平位置

screenY
检索与用户屏相关的鼠标的垂直位置

shiftKey
检索shiftKey键的当前状态
可能的值 true为关闭
false为不关闭

srcElement
检索触发事件的对象

srcFilter
检索导致onfilterchange事件触发的过滤器对象

srcUm
检索触发事件行为的同一资源名称
除非下面两个条件都为真,否则该特性被设置为null
1.行为被附加到触发事件的要素上
2.在前面的项目符号中定义的行为己指定了一个URN标识符和己触发的事件

toElement
检索作为on mouseover或者on mouseout事件结果而移动的对象

type
检索事件对象中的事件名称

x
检索相对于父要素鼠标水平坐标的整数

y
检索相对于父要素鼠标垂直坐标的整数

Javascript 相关文章推荐
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 Javascript
js动态加载以及确定加载完成的代码
Jul 31 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
jQuery打字效果实现方法(附demo源码下载)
Dec 18 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - Form表单
Oct 06 #Javascript
基于jQuery的模仿新浪微博时间的组件
Oct 04 #Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 #Javascript
通过JavaScript控制字体大小的代码
Oct 04 #Javascript
jQuery图片预加载 等比缩放实现代码
Oct 04 #Javascript
jQuery EasyUI API 中文文档 - Menu菜单
Oct 03 #Javascript
You might like
PHP小技巧之JS和CSS优化工具Minify的使用方法
2014/05/19 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
PHP模拟http请求的方法详解
2016/11/09 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
js压缩利器
2007/02/20 Javascript
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2017/05/30 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
2017/10/12 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
Python运用于数据分析的简单教程
2015/03/27 Python
python开发之文件操作用法实例
2015/11/13 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
python烟花效果的代码实例
2020/02/25 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
Infababy英国:婴儿推车、Travel System婴儿车和婴儿汽车座椅销售
2018/05/23 全球购物
SQL SERVER面试资料
2013/03/30 面试题
挂职思想汇报
2013/12/31 职场文书
社会保险接收函
2014/01/12 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
设备收款委托书范本
2014/10/02 职场文书
继承公证书格式
2015/01/26 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
Spring Boot实战解决高并发数据入库之 Redis 缓存+MySQL 批量入库问题
2022/02/12 Redis
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫
tomcat下部署jenkins的方法
2022/05/06 Servers