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 setTimeout和setInterval 的区别
Dec 08 Javascript
jquery按回车提交数据的代码示例
Nov 05 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
简介JavaScript中strike()方法的使用
Jun 08 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
Jun 14 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
js实现随机数小游戏
Jun 28 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
Node.js API详解之 util模块用法实例分析
May 09 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如何比较两个浮点数是否相等详解
2019/02/12 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
js/jquery判断浏览器的方法小结
2014/09/02 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
浏览器复制插件zeroclipboard使用指南
2016/03/26 Javascript
vue+Element-ui实现分页效果实例代码详解
2018/12/10 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
跟老齐学Python之变量和参数
2014/10/10 Python
简介Django中内置的一些中间件
2015/07/24 Python
使用matplotlib画散点图的方法
2018/05/25 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python 的topk算法实例
2020/04/02 Python
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
联强国际笔试题面试题
2013/07/10 面试题
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
资产评估专业学生的自我鉴定
2013/11/14 职场文书
上课说话检讨书大全
2014/01/22 职场文书
生产厂长岗位职责
2014/02/21 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
个人年度总结报告
2015/03/09 职场文书
李强感恩观后感
2015/06/17 职场文书
七年级作文之冬景
2019/11/07 职场文书