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

不同浏览器的怪癖小结

Jul 11 Javascript

jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend

Aug 03 Javascript

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

May 12 Javascript

jQuery密码强度检测插件passwordStrength用法实例分析

Oct 30 Javascript

JavaScript实现99乘法表及隔行变色实例代码

Feb 24 Javascript

angular2使用简单介绍

Mar 01 Javascript

深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解

Apr 03 Javascript

jQuery图片瀑布流的简单实现代码

Mar 15 Javascript

JS中Safari浏览器中的Date

Jul 17 Javascript

tsconfig.json配置详解

May 17 Javascript

vue使用exif获取图片旋转，压缩的示例代码

Dec 11 Vue.js

js简单粗暴的发布订阅示例代码

Jan 23 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系列学习之日期函数使用介绍

2012/08/18 PHP

基于GD2图形库的PHP生成图片缩略图类代码分享

2015/02/08 PHP

将PHP的session数据存储到数据库中的代码实例

2016/06/24 PHP

php指定长度分割字符串str_split函数用法示例

2017/01/30 PHP

PHP中时间加减函数strtotime用法分析

2017/04/26 PHP

自写的利用PDO对mysql数据库增删改查操作类

2018/02/19 PHP

php简单检测404页面的方法示例

2019/08/23 PHP

用js实现计算加载页面所用的时间

2010/04/02 Javascript

FusionCharts图表显示双Y轴双(多)曲线

2012/11/22 Javascript

jQuery读取XML文件内容的方法

2015/03/09 Javascript

jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

2015/08/10 Javascript

JS实现的3D拖拽翻页效果代码

2015/10/31 Javascript

基于JavaScript实现仿京东图片轮播效果

2015/11/06 Javascript

jQuery设置Cookie及删除Cookie实例分析

2016/04/15 Javascript

jQuery通过ajax请求php遍历json数组到table中的代码(推荐)

2016/06/12 Javascript

微信小程序获取相册照片实例详解

2016/11/16 Javascript

Angular.js中控制器之间的传值详解

2017/04/24 Javascript

Node.js中Bootstrap-table的两种分页的实现方法

2017/09/18 Javascript

Node.JS循环删除非空文件夹及子目录下的所有文件

2018/03/12 Javascript

JavaScript中concat复制数组方法浅析

2019/01/20 Javascript

Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法

2019/09/16 Javascript

Vue.js组件props数据验证实现详解

2019/10/19 Javascript

使用js获取身份证年龄的示例代码

2020/12/11 Javascript

[03:59]5分钟带你了解什么是DOTA2（第二期）

2017/02/07 DOTA

python实现一次创建多级目录的方法

2015/05/15 Python

Python实现识别手写数字大纲

2018/01/29 Python

python 将list转成字符串,中间用符号分隔的方法

2018/10/23 Python

Python实现迪杰斯特拉算法过程解析

2020/09/18 Python

HTML5输入框下拉菜单功能的示例代码

2020/09/08 HTML / CSS

肯尼亚网上商城：Kilimall

2016/08/20 全球购物

奇怪的鱼：Weird Fish

2018/03/18 全球购物

环保建议书400字

2014/05/14 职场文书

2014年体检中心工作总结

2014/12/23 职场文书

计划生育目标责任书

2015/05/09 职场文书

格列夫游记读书笔记

2015/07/01 职场文书

教你用Python+selenium搭建自动化测试环境

2021/06/18 Python