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 相关文章推荐
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
Mar 04 Javascript
VUE实现日历组件功能
Mar 13 Javascript
JavaScript事件方法(实例讲解)
Jun 27 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
Jul 19 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
用JS实现选项卡
Mar 23 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
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
PHP采用get获取url汉字出现乱码的解决方法
2014/11/13 PHP
php链表用法实例分析
2015/07/09 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
浅析PHP开发规范
2018/02/05 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
php基于协程实现异步的方法分析
2019/07/17 PHP
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
理解javascript中Map代替循环
2016/02/26 Javascript
浅谈jquery选择器 :first与:first-child的区别
2016/11/20 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
es6数值的扩展方法
2019/03/11 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
js实现随机点名
2021/01/19 Javascript
python插入排序算法的实现代码
2013/11/21 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
接口的多继承会带来哪些问题
2015/08/17 面试题
会计工作自我鉴定范文
2019/06/21 职场文书
springcloud之Feign超时问题的解决
2021/06/24 Java/Android
Win11运行育碧游戏总是崩溃怎么办 win11玩育碧游戏出现性能崩溃的解决办法
2022/04/06 数码科技
tomcat正常启动但网页却无法访问的几种解决方法
2022/05/06 Servers