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 相关文章推荐
自己开发Dojo的建议框架
Sep 24 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
javascript 判断一个对象为数组的方法
May 03 Javascript
javascript将url解析为json格式的两种方法
Aug 18 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
Aug 10 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
vue input输入框关键字筛选检索列表数据展示
Oct 26 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
vue脚手架项目创建步骤详解
Mar 02 Vue.js
深入理解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+Html+缓存
2006/12/20 PHP
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
DOM 基本方法
2009/07/18 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
2015/05/08 Javascript
整理一下常见的IE错误
2016/11/18 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
2018/09/28 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
Python求导数的方法
2015/05/09 Python
Python生成随机密码的方法
2017/06/16 Python
Python遍历pandas数据方法总结
2018/02/09 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
python进度条显示之tqmd模块
2020/08/22 Python
用python批量移动文件
2021/01/14 Python
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
Linux文件操作命令都有哪些
2016/07/23 面试题
移动通信专业自荐信范文
2013/11/12 职场文书
小学音乐教学反思
2014/02/05 职场文书
世界红十字日活动总结
2015/02/10 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
初中英语教学随笔
2015/08/15 职场文书
优秀大学生申请书
2019/06/24 职场文书
Node实现搜索框进行模糊查询
2021/06/28 Javascript
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
Golang 并发下的问题定位及解决方案
2022/03/16 Golang
MySQL 原理与优化之Update 优化
2022/08/14 MySQL
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python