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 jsFiddle JSBin在线调试器
Mar 14 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
Aug 30 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
May 04 Javascript
jquery弹出遮掩层效果【附实例代码】
Apr 28 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 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全局变量和类配合使用深刻理解
2013/06/05 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
js对象数组按属性快速排序
2011/01/31 Javascript
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
javascript学习笔记之函数定义
2015/06/25 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
js密码强度检测
2016/01/07 Javascript
JS Attribute属性操作详解
2016/05/19 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
2020/04/16 Javascript
Python中if __name__ == '__main__'作用解析
2015/06/29 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
python将字符串转换成json的方法小结
2019/07/09 Python
python右对齐的实例方法
2020/07/05 Python
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
日语专业毕业生自荐信
2013/11/11 职场文书
销售部主管岗位职责
2013/12/18 职场文书
销售冠军获奖感言
2014/02/03 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
最新离婚协议书范本
2014/08/19 职场文书
2014员工聘用协议书(最新版)
2014/11/24 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
放假通知怎么写
2015/08/18 职场文书
七年级作文之环保作文
2019/10/17 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android