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 相关文章推荐
基于jquery的web页面日期格式化插件
Nov 15 Javascript
JavaScript中prototype为对象添加属性的误区介绍
Oct 15 Javascript
js判断ie版本号的简单实现代码
Mar 05 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 Javascript
详解vue+css3做交互特效的方法
Nov 20 Javascript
JavaScript实现职责链模式概述
Jan 25 Javascript
vue.js在标签属性中插入变量参数的方法
Mar 06 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
Sep 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
js中符号转意问题示例探讨
2013/08/19 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
js中传递特殊字符(+,&)的方法
2014/01/16 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
2020/02/13 Javascript
使用Vue实现一个树组件的示例
2020/11/06 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20
2020/11/20 DOTA
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
浅谈Python 函数式编程
2020/06/20 Python
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
.net C#面试题
2012/08/28 面试题
物流仓管员岗位职责
2013/12/04 职场文书
医学类个人求职信范文
2014/02/05 职场文书
社区两委对照检查材料
2014/08/23 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
挂职个人工作总结
2015/03/05 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
新闻通讯稿范文
2015/07/22 职场文书
小学英语课教学反思
2016/02/15 职场文书
教学反思怎么写
2016/02/24 职场文书