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 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
Cookie 注入是怎样产生的
Apr 08 Javascript
jquery下操作HTML控件的实现代码
Jan 12 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
Vue Spa切换页面时更改标题的实例代码
Jul 15 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
vue根据进入的路由进行原路返回的方法
Sep 26 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
使用react context 实现vue插槽slot功能
Jul 18 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 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.ini中文版(2)
2006/10/09 PHP
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
PHP常用数组函数介绍
2014/07/28 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
Python的Flask开发框架简单上手笔记
2015/11/16 Python
python 全文检索引擎详解
2017/04/25 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
Python基于WordCloud制作词云图
2019/11/29 Python
python上selenium的弹框操作实现
2020/07/13 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
html5 div布局与table布局详解
2016/11/16 HTML / CSS
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
医院护士的求职信范文
2013/12/26 职场文书
护士岗位职责
2014/02/16 职场文书
党的群众路线教育实践活动总结报告
2014/07/03 职场文书
ktv好的活动方案
2014/08/17 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书