编程 Javascript

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 相关文章推荐

基于jquery的返回顶部效果（兼容IE6）

Jan 17 Javascript

js局部刷新页面时间具体实现

Jul 04 Javascript

简单的js计算器实现

Oct 26 Javascript

easyui form validate总是返回false的原因及解决方法

Nov 07 Javascript

详解JS中定时器setInterval和setTImeout的this指向问题

Jan 06 Javascript

AngularJS Select(选择框)使用详解

Jan 18 Javascript

Vue常用指令V-model用法

Mar 08 Javascript

JS 插件dropload下拉刷新、上拉加载使用小结

Apr 13 Javascript

vue中将网页打印成pdf实例代码

Jun 15 Javascript

使用Webpack提高Vue.js应用的方式汇总(四种)

Jul 10 Javascript

JavaScript事件委托原理与用法实例分析

Jun 07 Javascript

vue增加强缓存和版本号的实现方法

May 01 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使用pack处理二进制文件的方法

2014/07/03 PHP

PHP中list方法用法示例

2016/12/01 PHP

php实现通过soap调用.Net的WebService asmx文件

2017/02/27 PHP

PHP使用ActiveMQ实现消息队列的方法详解

2019/05/31 PHP

jquery animate图片模向滑动示例代码

2011/01/26 Javascript

javascript上传图片前预览图片兼容大多数浏览器

2013/10/25 Javascript

js中哈希表的几种用法总结

2014/01/28 Javascript

jquery无法设置checkbox选中即没有变成选中状态

2014/03/27 Javascript

浅谈JavaScript中定义变量时有无var声明的区别

2014/08/18 Javascript

jquery插件validation实现验证身份证号等

2015/06/04 Javascript

HTML中setCapture、releaseCapture 使用方法浅析

2016/09/25 Javascript

从零学习node.js之文件操作（三）

2017/02/21 Javascript

详解前后端分离之VueJS前端

2017/05/24 Javascript

JavaScript实现读取与输出XML文件数据的方法示例

2018/06/05 Javascript

JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析

2018/07/26 Javascript

JS开发常用工具函数(小结)

2019/07/04 Javascript

JavaScript DOM常用操作代码汇总

2020/07/03 Javascript

[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07

2020/11/10 DOTA

Python 自动补全(vim)

2014/11/30 Python

python的pdb调试命令的命令整理及实例

2017/07/12 Python

pyqt5实现俄罗斯方块游戏

2019/01/11 Python

pandas 时间格式转换的实现

2019/07/06 Python

500行代码使用python写个微信小游戏飞机大战游戏

2019/10/16 Python

基于python3抓取pinpoint应用信息入库

2020/01/08 Python

通过实例解析python创建进程常用方法

2020/06/19 Python

Django如何在不停机的情况下创建索引

2020/08/02 Python

HTML5视频播放插件 video.js介绍

2018/09/29 HTML / CSS

Styleonme中文网：韩国高档人气品牌

2017/06/21 全球购物

英国床和浴室商场：Bed & Bath Emporium

2018/05/20 全球购物

Envie de Fraise意大利：法国网上推出的孕妇装品牌

2020/10/18 全球购物

PPP协议组成及简述协议协商的基本过程

2015/05/28 面试题

优秀应届生求职信

2014/06/16 职场文书

个人催款函范文

2015/06/23 职场文书

邓小平文选读书笔记

2015/06/29 职场文书

车辆安全隐患排查制度

2015/08/05 职场文书

2016年公务员六五普法心得体会

2016/01/21 职场文书