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 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
setTimeout()递归调用不加引号出错的解决方法
Sep 05 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
Bootstrap创建可折叠的组件
Feb 23 Javascript
第一篇初识bootstrap
Jun 21 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 Javascript
Angular 1.x个人使用的经验小结
Jul 19 Javascript
详解angularjs popup-table 弹出框表格指令
Sep 20 Javascript
json_decode 索引为数字时自动排序问题解决方法
Mar 28 Javascript
精读《Vue3.0 Function API》
May 20 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无限级栏目分类读取的实现代码
2014/02/19 PHP
php递归遍历删除文件的方法
2015/04/17 PHP
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
JavaScript中URL编码函数代码
2011/01/11 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
JS给swf传参数的实现方法
2016/09/13 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
python的几种开发工具介绍
2007/03/07 Python
深入浅析python定时杀进程
2016/06/06 Python
Python中super函数的用法
2017/11/17 Python
Django框架模板的使用方法示例
2019/05/25 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
运输服务质量承诺书
2014/03/27 职场文书
初一学生期末评语
2014/04/24 职场文书
我的长生果教学反思
2014/04/28 职场文书
关于清明节的演讲稿
2014/09/13 职场文书
医院护士见习期自我鉴定
2014/09/15 职场文书
中国文明网向国旗敬礼活动精彩寄语2014
2014/09/27 职场文书
团组织推优材料
2014/12/29 职场文书
小学英语新课改心得体会
2016/01/22 职场文书