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

js检测浏览器版本、核心、是否移动端示例

Apr 24 Javascript

window.returnValue使用方法示例介绍

Jul 03 Javascript

浅谈js中的闭包

Mar 16 Javascript

jquery中$each()方法的使用指南

Apr 30 Javascript

jQuery简单注册和禁用全局事件的方法

Jul 25 Javascript

javascript计算对象长度的方法

Oct 25 Javascript

VSCode配置react开发环境的步骤

Dec 27 Javascript

VeeValidate在vue项目里表单校验应用案例

May 09 Javascript

微信小程序带动画弹窗组件使用方法详解

Nov 27 Javascript

Vue请求java服务端并返回数据代码实例

Nov 28 Javascript

基于Element封装一个表格组件tableList的使用方法

Jun 29 Javascript

OpenLayers3实现测量功能

Sep 25 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

基于Laravel实现的用户动态模块开发

2017/09/21 PHP

基于PHP实现的多元线性回归模拟曲线算法

2018/01/30 PHP

Yii2 中实现单点登录的方法

2018/03/09 PHP

通过PHP设置BugFree获取邮箱通知

2019/04/25 PHP

鼠标移动到一张图片时变为另一张图片

2006/12/05 Javascript

排序算法的javascript实现与讲解(99js手记)

2014/09/28 Javascript

angularJS 中$scope方法使用指南

2015/02/09 Javascript

JavaScript使用yield模拟多线程的方法

2015/03/19 Javascript

jquery插件orbit.js实现图片折叠轮换特效

2015/04/14 Javascript

使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室

2015/08/21 NodeJs

一次$.getJSON不执行的简单记录

2016/07/19 Javascript

微信小程序图片宽高自适应详解

2017/05/11 Javascript

原生JS发送异步数据请求

2017/06/08 Javascript

seaJs使用心得之exports与module.exports的区别实例分析

2017/10/13 Javascript

webpack组织模块打包Library的原理及实现

2018/03/10 Javascript

vue观察模式浅析

2018/09/25 Javascript

vue+webpack中配置ESLint

2018/11/07 Javascript

Node.js 多线程完全指南总结

2019/03/27 Javascript

layui监听工具栏的实例(操作列表按钮)

2019/09/10 Javascript

[04:32]玩具屠夫中文语音节选

2020/08/23 DOTA

python生成随机密码或随机字符串的方法

2015/07/03 Python

Python3使用requests包抓取并保存网页源码的方法

2016/03/15 Python

python编码总结(编码类型、格式、转码)

2016/07/01 Python

在java中如何定义一个抽象属性示例详解

2017/08/18 Python

pandas中DataFrame修改index、columns名的方法示例

2019/08/02 Python

Django rstful登陆认证并检查session是否过期代码实例

2019/08/13 Python

Python学习笔记之Break和Continue用法分析

2019/08/14 Python

win10下安装Anaconda的教程（python环境+jupyter_notebook)

2019/10/23 Python

pytorch 自定义参数不更新方式

2020/01/06 Python

Pycharm中如何关掉python console

2020/10/27 Python

台湾线上百货零售购物平台：friDay购物

2017/08/18 全球购物

应届毕业生求职简历自我评价

2015/03/02 职场文书

学校工会工作总结2015

2015/05/19 职场文书

关于maven依赖 ${xxx.version}报错问题

2022/01/18 Java/Android

Javascript中Microtask和Macrotask鲜为人知的知识点

2022/04/02 Javascript

AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解

2022/04/09 Javascript