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

JavaScript中使用正则匹配多条，且获取每条中的分组数据

Nov 30 Javascript

文本框水印提示效果的简单实现代码

Feb 22 Javascript

jquery实现当滑动到一定位置时固定效果

Jun 17 Javascript

Angular用来控制元素的展示与否的原生指令介绍

Jan 07 Javascript

原生js和jquery分别实现横向导航菜单效果

May 13 Javascript

AngularJs实现分页功能不带省略号的代码

May 30 Javascript

完美解决IE9浏览器出现的对象未定义问题

Sep 29 Javascript

JavaScript实现星星等级评价功能

Mar 22 Javascript

利用node.js制作命令行工具方法教程（一）

Jun 22 Javascript

Bootstrap datepicker日期选择器插件使用详解

Jul 26 Javascript

Node.js服务器开启Gzip压缩教程

Aug 11 Javascript

JS实现的小火箭发射动画效果示例

Dec 08 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

PHP4 与 MySQL 数据库操作函数详解

2006/10/09 PHP

PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)

2016/01/07 PHP

PHP使用zlib扩展实现GZIP压缩输出的方法详解

2018/04/09 PHP

jQuery EasyUI API 中文文档可调整尺寸

2011/09/29 Javascript

intro.js 页面引导简单用法分享

2013/08/06 Javascript

jquery中的过滤操作详细解析

2013/12/02 Javascript

利用js(jquery)操作Cookie的方法说明

2013/12/19 Javascript

javascript数组操作(创建、元素删除、数组的拷贝)

2014/04/07 Javascript

jquery、js调用iframe父窗口与子窗口元素的方法整理

2014/07/31 Javascript

jQuery验证插件validation使用指南

2015/04/21 Javascript

深入理解JavaScript的React框架的原理

2015/07/02 Javascript

Javascript中字符串和数字的操作方法整理

2017/01/22 Javascript

vue元素实现动画过渡效果

2017/07/01 Javascript

详解vue指令与$nextTick 操作DOM的不同之处

2018/08/02 Javascript

通过cordova将vue项目打包为webapp的方法

2019/02/02 Javascript

javascript严格模式详解（含严格模式与非严格模式的区别）

2019/11/12 Javascript

javascript+Canvas实现画板功能

2020/06/23 Javascript

vue 在methods中调用mounted的实现操作

2020/08/07 Javascript

Python2.x版本中maketrans()方法的使用介绍

2015/05/19 Python

CentOS 6.5下安装Python 3.5.2（与Python2并存）

2017/06/05 Python

代码分析Python地图坐标转换

2018/02/08 Python

Python中几种属性访问的区别与用法详解

2018/10/10 Python

对Python3中列表乘以某一个数的示例详解

2019/07/20 Python

python+OpenCV实现车牌号码识别

2019/11/08 Python

基于python plotly交互式图表大全

2019/12/07 Python

python 实现屏幕录制示例

2019/12/23 Python

python中resample函数实现重采样和降采样代码

2020/02/25 Python

详解Python利用configparser对配置文件进行读写操作

2020/11/03 Python

CSS3等相关属性制作分页导航实现代码

2012/12/24 HTML / CSS

HTML5+CSS3模仿优酷视频截图功能示例

2017/01/05 HTML / CSS

Lampegiganten丹麦：欧洲领先的照明网上商店

2018/04/25 全球购物

澳大利亚墨水站Ink Station：墨水和碳粉打印机墨盒

2019/03/24 全球购物

DOUGLAS荷兰：购买香水和化妆品

2020/10/24 全球购物

人才市场接收函

2015/01/30 职场文书

详解Python中下划线的5种含义

2021/07/15 Python

python在package下继续嵌套一个package

2022/04/14 Python