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 相关文章推荐
点击文章内容处弹出页面代码
Oct 01 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
May 07 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 Javascript
Vue中图片Src使用变量的方法
Oct 30 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网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
Array.prototype.slice 使用扩展
2010/06/09 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
浅谈javascript中的 “ && ” 和 “ || ”
2017/02/02 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
2017/10/24 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
Python中logging模块的用法实例
2014/09/29 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
pycharm中使用anaconda部署python环境的方法步骤
2018/12/19 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
Python调用Windows命令打印文件
2020/02/07 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
北体毕业生求职信
2014/02/28 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
小学运动会演讲稿
2014/08/25 职场文书
优秀教师个人材料
2014/12/15 职场文书
警告通知
2015/04/25 职场文书
史上最牛辞职信
2015/05/13 职场文书
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android