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压缩工具下载集合
Mar 06 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
基于javascript制作微博发布栏效果
Apr 04 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
JS获取年月日时分秒的方法分析
Nov 28 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
微信小程序中使用ECharts 异步加载数据的方法
Jun 27 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
JavaScript实现点击自制菜单效果
Feb 02 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
论建造顺序的重要性
2020/03/04 星际争霸
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
Stop SQL Server
2007/06/21 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
2016/04/29 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
Webpack实现按需打包Lodash的几种方法详解
2017/05/08 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
spyder常用快捷键(分享)
2017/07/19 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
python制作图片缩略图
2019/04/30 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
python实现图片九宫格分割
2021/03/07 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
小学教师听课制度
2014/02/01 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
网络优化专员求职信
2014/05/04 职场文书
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
个人典型事迹材料
2014/12/30 职场文书
自主招生自荐信格式
2015/03/04 职场文书
雾霾停课通知
2015/04/24 职场文书
房产电话营销开场白
2015/05/29 职场文书
导游词之江南周庄
2019/12/06 职场文书