jquery中event对象属性与方法小结


Posted in Javascript onDecember 18, 2013

JQuery读书笔记?Event属性说明
JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用。

* .target  这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this)
* .pageX:  鼠标的left属性,相对于page
* .pageY:  鼠标的top属性,相对于page
* preventDefault():  这个方法被调用,则原有事件就被忽略。(例如 clicked link就不会去新的Url了)
* stopPropagation():让Jquery停止事件冒泡
* .Data:  如果事件中还有EventData你就可以用这个属性获得对应Eventdata数据了。
* ctrlKey: 类型: Boolean, 说明: Ctrl 键是否按下
* shiftKey: 类型: Boolean, 说明: Shift键是否按下
* altKey: 类型: Boolean, 说明: Alt 键是否按下
* charCode: 类型: Number, 说明: 最后响应键盘按键的 charCode 值
* keyCode: 类型: Number, 说明: 最后响应键盘按键的 keyCode 值
* button: 类型: Number, 说明: 按下的鼠标键, 左键:1, 右键:2, 中键:4
* which: 类型: Number, 说明: 最后响应的是哪个按键, 如果是键盘按键则等于 charCode || keyCode; 如果是鼠标按键, 左键:1, 右键:3, 中键2

type : 事件类型
relatedTarget:对于鼠标事件, 标示触发事件时离开或者进入的DOM元素
currentTarget:冒泡前的当前触发事件的DOM对象, 等同于this.
result: 上一个事件处理函数返回的值
screenX/Y:对于鼠标事件, 获取事件相对于屏幕原点的水平/垂直坐标

Javascript 相关文章推荐
图片格式的JavaScript和CSS速查手册
Aug 20 Javascript
JS声明变量背后的编译原理剖析
Dec 28 Javascript
node.js中的fs.rename方法使用说明
Dec 16 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
深入理解ES6学习笔记之块级作用域绑定
Aug 19 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 #Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 #Javascript
cookie中的path与domain属性详解
Dec 18 #Javascript
浅析Cookie中的Path与domain
Dec 18 #Javascript
jquery.cookie用法详细解析
Dec 18 #Javascript
Event altKey,ctrlKey,shiftKey属性解析
Dec 18 #Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 #Javascript
You might like
PHP中$this和$that指针使用实例
2015/01/06 PHP
cakephp打印sql语句的方法
2015/02/13 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
一个简单安全的PHP验证码类 附调用方法
2016/06/24 PHP
PHP数据对象PDO操作技巧小结
2016/09/27 PHP
php字符集转换
2017/01/23 PHP
php实现微信支付之退款功能
2018/05/30 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
js中document.write使用过程中的一点疑问解答
2014/03/20 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
js实现图片实时时钟
2020/01/15 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
Python分治法定义与应用实例详解
2017/07/28 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
python将字母转化为数字实例方法
2019/10/04 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
表单button的outline在firefox浏览器下的问题
2012/12/24 HTML / CSS
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
大学生工作推荐信范文
2013/12/02 职场文书
财务简历的自我评价
2014/03/05 职场文书
公司寄语大全
2014/04/10 职场文书
2015试用期转正工作总结
2014/12/12 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
MySQL存储过程及语法详解
2022/08/05 MySQL