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旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
Jun 30 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
微信小程序搜索组件wxSearch实例详解
Jun 08 Javascript
vue-cli项目配置多环境的详细操作过程
Oct 30 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 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编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
php学习笔记之 函数声明
2011/06/09 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
js 函数性能比较方法
2020/08/24 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
基于python监控程序是否关闭
2020/01/14 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
你经历的项目中的SCM配置项主要有哪些?什么是配置项?
2013/11/04 面试题
自我鉴定范文200字
2013/10/02 职场文书
网站美工岗位职责
2014/04/02 职场文书
节约用水标语
2014/06/11 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
Win10 Anaconda安装python-pcl
2022/04/29 Servers