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事件列表解说
Dec 22 Javascript
jquery获取tr中控件值并操作tr实现思路
Mar 27 Javascript
window.onload追加函数使用示例
Mar 03 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
Vue.js基础学习之class与样式绑定
Mar 20 Javascript
深入理解vue.js中的v-if和v-show
Jun 22 Javascript
vue.js实例对象+组件树的详细介绍
Oct 20 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
Mar 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
共享自己写一个框架DreamScript
2007/01/20 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
Angular2学习笔记之数据绑定的示例代码
2018/01/03 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
taro开发微信小程序的实践
2019/05/21 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
Node.js从字符串生成文件流的实现方法
2019/08/18 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
Python中实现结构相似的函数调用方法
2015/03/10 Python
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
tensorboard显示空白的解决
2020/02/15 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
学python最电脑配置有要求么
2020/07/05 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
python 绘制场景热力图的示例
2020/09/23 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
新浪微博实习心得体会
2014/01/27 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
法人授权委托书范本
2014/04/04 职场文书
事假请假条范文
2014/04/11 职场文书
研修心得体会
2014/09/04 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
委托公证书样本
2015/01/23 职场文书
会计专业自荐信范文
2019/05/22 职场文书
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP
Golang解析JSON对象
2022/04/30 Golang