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 相关文章推荐
js对象之JS入门之Array对象操作小结
Jan 09 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
BootStrap中Table分页插件使用详解
Oct 09 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
js实现日历
Nov 07 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
如何给phpadmin一个保护
2006/10/09 PHP
收集的DedeCMS一些使用经验
2007/03/17 PHP
十大使用PHP框架的理由
2015/09/26 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
2013/08/28 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
2015/11/02 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
拖动时防止选中
2017/02/03 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
python中pass语句用法实例分析
2015/04/30 Python
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
python opencv读mp4视频的实例
2018/12/07 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
python redis存入字典序列化存储教程
2020/07/16 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
乌克兰在线药房:Аптека24
2019/10/30 全球购物
办公室主任职责范本
2014/03/07 职场文书
学校运动会报道稿
2014/09/23 职场文书
2014年护理部工作总结
2014/11/14 职场文书
护士求职自荐信
2015/03/25 职场文书
宝塔更新Python及Flask项目的部署
2022/04/11 Python
OpenFeign实现远程调用
2022/08/14 Java/Android