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 相关文章推荐
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
May 25 Javascript
IE下JS读取xml文件示例代码
Aug 05 Javascript
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
javascript作用域链(Scope Chain)用法实例解析
Nov 30 Javascript
利用JS实现页面删除并重新排序功能
Dec 09 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
js模块加载方式浅析
Aug 12 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
Vue获取微博授权URL代码实例
Nov 04 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
Apache2 httpd.conf 中文版
2006/11/17 PHP
PHP CURL使用详解
2019/03/21 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
javascript iframe编程相关代码
2009/12/28 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
js网页实时倒计时精确到秒级
2014/02/10 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
JS特效实现图片自动播放并可控的效果
2015/07/31 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
python按顺序重命名文件并分类转移到各个文件夹中的实现代码
2020/07/21 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
python音频处理的示例详解
2020/12/23 Python
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
办公室秘书岗位职责范本
2014/02/11 职场文书
商超业务员岗位职责
2014/03/12 职场文书
《金孔雀轻轻跳》教学反思
2014/04/20 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript