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开发之三数组对象实例介绍
Nov 12 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
Aug 31 Javascript
使用开源工具制作网页验证码的方法
Oct 17 Javascript
详解vue.js的devtools安装
May 26 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
webpack4的迁移的使用方法
May 25 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 Javascript
详解JavaScript执行模型
Nov 16 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
构建简单的Webmail系统
2006/10/09 PHP
PHP三元运算符的结合性介绍
2012/01/10 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
编写简单的jQuery提示插件
2014/12/21 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
封装获取dom元素的简单实例
2016/07/08 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
前端Vue项目详解--初始化及导航栏
2019/06/24 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
python调用自定义函数的实例操作
2019/06/26 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
python如何实现复制目录到指定目录
2020/02/13 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
HTML5 manifest离线缓存的示例代码
2018/08/08 HTML / CSS
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
写自荐信的七个技巧
2013/10/15 职场文书
退休感言
2014/01/28 职场文书
初中学校军训方案
2014/05/09 职场文书
物业保洁员岗位职责
2015/02/13 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
《窃读记》教学反思
2016/02/18 职场文书