event.X和event.clientX的区别分析

 更新时间:2011年10月06日 11:40:27   作者:  
解释一下event.X和event.clientX有什么区别?event.clientX返回事件发生时,mouse相对于客户窗口的X坐标 event.X也一样但是如果设置事件对象的定位属性值为relative
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设计模式之命令模式实例分析

    这篇文章主要介绍了JavaScript设计模式之命令模式,结合实例形式分析了javascript命令模式的概念、原理、用法及相关注意事项,需要的朋友可以参考下
    2019-01-01
  • javascript实现计时器的简单方法

    javascript实现计时器的简单方法

    这篇文章主要为大家详细介绍了javascript实现计时器的简单方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 实现网页内容水平或垂直滚动的Javascript代码

    实现网页内容水平或垂直滚动的Javascript代码

    用Javascript实现新闻内容的水平或垂直滚动,主要的优点是我们可以实现自定义滚动风格或特效,应用效果比起传统的marquee更加具有特色,方法也比较简单
    2012-10-10
  • 原生JS 实现的input输入时表格过滤操作示例

    原生JS 实现的input输入时表格过滤操作示例

    这篇文章主要介绍了原生JS 实现的input输入时表格过滤操作,结合实例形式分析了JavaScript基于页面元素遍历、运算、判断实现的表格过滤相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • JavaScript实现强制重定向至HTTPS页面

    JavaScript实现强制重定向至HTTPS页面

    这篇文章主要介绍了JavaScript实现强制重定向至HTTPS页面,本文讲解如何用JS实现HTTP重定向HTTPS或者HTTPS跳转到HTTP,需要的朋友可以参考下
    2015-06-06
  • Emberjs 通过 axios 下载文件的方法

    Emberjs 通过 axios 下载文件的方法

    这篇文章主要介绍了Emberjs 通过 axios 下载文件的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • IE8 内存泄露(内存一直增长 )的原因及解决办法

    IE8 内存泄露(内存一直增长 )的原因及解决办法

    最近开发的时候对页面使用了定时的局部更新,结果在ie6,7和Firefox下,一切正常,而在ie8下过上几个小时就浏览器就崩溃了,显示是内存溢出,下面由脚本之家小编给大家介绍ie8下内存一直增长内存泄漏的原因及解决办法,需要的朋友一起学习吧
    2016-04-04
  • 详解Javascript中prototype属性(推荐)

    详解Javascript中prototype属性(推荐)

    这篇文章主要介绍了Javascript中prototype属性的相关资料,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-09-09
  • 一些收集整理非常不错的JS效果代码

    一些收集整理非常不错的JS效果代码

    一些收集整理的JS 整理出一些收集的JS代码,在这里向所有原作者致敬。
    2010-02-02
  • layer.msg()去掉默认时间,实现手动关闭的方法

    layer.msg()去掉默认时间,实现手动关闭的方法

    今天小编就为大家分享一篇layer.msg()去掉默认时间,实现手动关闭的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论