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 相关文章推荐
扩展String功能方法
Sep 22 Javascript
Javascript中的常见排序算法
Mar 27 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
Jul 14 Javascript
jquery 可拖拽的窗体控件实现代码
Mar 21 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
JavaScript浏览器对象之一Window对象详解
Jun 03 Javascript
AngularJs  unit-testing(单元测试)详解
Sep 02 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
Jan 18 Javascript
JS实现的数字格式化功能示例
Feb 10 Javascript
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
vue-lazyload图片延迟加载插件的实例讲解
Feb 09 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获取CSS文件中图片地址并下载到本地的方法
2014/12/02 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
二叉树先序遍历的非递归算法具体实现
2014/01/09 Javascript
Prototype框架详解
2015/11/25 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
vue基础之事件v-onclick="函数"用法示例
2019/03/11 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
JavaScript, select标签元素左右移动功能实现
2020/05/14 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
Python 支付整合开发包的实现
2019/01/23 Python
3种python调用其他脚本的方法
2020/01/06 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
社区国庆节活动方案
2014/02/05 职场文书
团队激励口号
2014/06/06 职场文书
结对共建协议书
2014/08/20 职场文书
转学证明范本
2015/06/19 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书
Python基础之操作MySQL数据库
2021/05/06 Python
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS
SQL之各种join小结详细讲解
2021/08/04 MySQL