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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
Jul 29 Javascript
jQuery中:last-child选择器用法实例
Dec 31 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
Nov 14 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
node-red File读取好保存实例讲解
Sep 11 Javascript
node 版本切换的实现
Feb 02 Javascript
详解JavaScript 作用域
Jul 14 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 array的学习笔记
2012/05/10 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
vue.js的提示组件
2017/03/02 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
2019/11/13 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
Python标准库inspect的具体使用方法
2017/12/06 Python
python实现远程通过网络邮件控制计算机重启或关机
2018/02/22 Python
Django中的文件的上传的几种方式
2018/07/23 Python
Python django框架应用中实现获取访问者ip地址示例
2019/05/17 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
Python __slots__的使用方法
2020/11/15 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
体育专业学生自我评价范文
2014/01/17 职场文书
勾股定理课后反思
2014/04/26 职场文书
促销活动总结
2014/04/28 职场文书
学校对教师的评语
2014/04/28 职场文书
银行授权委托书格式
2014/10/10 职场文书
乡镇三严三实学习心得体会
2014/10/13 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL