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 相关文章推荐
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
jQuery之选项卡的简单实现
Feb 28 Javascript
10条建议帮助你创建更好的jQuery插件
May 18 Javascript
在Ubuntu系统上安装Node.JS的教程
Oct 15 Javascript
jquery自适应布局的简单实例
May 28 Javascript
jquery-mobile表单的创建方法详解
Nov 23 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 Javascript
vue.js实现的经典计算器/科学计算器功能示例
Jul 11 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 Javascript
JavaScript async/await原理及实例解析
Dec 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
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
javascript数组的使用
2013/03/28 Javascript
全面理解闭包机制
2016/07/11 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
vue watch深度监听对象实现数据联动效果
2018/08/16 Javascript
vue自定义全局共用函数详解
2018/09/18 Javascript
封装微信小程序http拦截器过程解析
2019/08/13 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
python操作sqlite的CRUD实例分析
2015/05/08 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
python画双y轴图像的示例代码
2019/07/07 Python
利用Python检测URL状态
2019/07/31 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
怎样在程序里获得一个空指针
2015/01/24 面试题
Delphi工程师笔试题
2013/09/21 面试题
校园招聘策划书
2014/01/09 职场文书
战友聚会邀请函
2014/01/18 职场文书
产品设计开发计划书
2014/05/07 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
2015年个人审计工作总结
2015/04/07 职场文书
给朋友的赠语
2015/06/23 职场文书
springboot入门 之profile设置方式
2022/04/04 Java/Android