jQuery Event对象

翻译 2015年07月08日 10:40:19

jQuery的事件系统是根据W3C标准的事件对象规范化而来的, 事件对象传递给事件处理器, 大多数原始事件的属性被拷贝并规范化到新的事件对象中.
1. jQuery.Event.Constructor
jQuery.EventConstructor在调用trigger的时候使用, 新的操作符是可选的.
Example:

//Create a new jQuery.Event object without the "new" operator.
var e = jQuery.Event( "click" );

// trigger an artificial click event
jQuery( "body" ).trigger( e );

jQuery1.6以上版本, 还可以给jQuery.Event传递object对象, 对象中的属性会设置到新创建的Event 对象.

// Create a new jQuery.Event object with specified event properties.
var e = jQuery.Event( "keydown", { keyCode: 64 } );

// trigger an artificial keydown event with keyCode 64
jQuery( "body" ).trigger( e );

2 Event属性
jQuery为不同型号的浏览器规范出以下属性

  • target
  • relatedTarget
  • pageX
  • pageY
  • witch
  • mataKey

以下属性也同样被copy到event对象中,尽管部分属性是undefined
altKey, bubbles, button, cancelable, charCode, clientX, clientY, ctrlKey, currentTarget, data, detail, eventPhase, metaKey, offsetX, offsetY, originalTarget, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, target, view, which

3 其他属性
个别events可能含有私有属性,并可以作为event.originalEvent
对象的属性来访问.

总之定义了事件 ,然后再定义监听, 最后trigger的时候就可以出发, 不用实际去点击

javascript事件监听机制(二)——jquery的Event对象

jQuery封装了浏览器的事件监听方法,兼容了各个浏览器的区别,对外提供一套适合于jquery对象的事件监听接口。Event对象的核心方法主要有三个,add,remove和trigger。 elem对...

【jquery事件对象event】| jqeury bind 绑定事件与 unbind删除绑定事件| pageX pageY

a b c //绑定一个事件 $("#a").bind("click", function () { alert("单击事件"); ...

jQuery第三课 ——元素尺寸、滚动距离、元素距离、jq事件、event对象

23、元素尺寸 (1)width() height() 不带单位,即css中设置的值 (2)innerWidth() innerHeight() ...
  • wstpa
  • wstpa
  • 2015年10月17日 12:15
  • 599

Jquery中Event对象属性小结

首先,声明转载的网址:破洛洛   http://www.poluoluo.com/jzxy/201504/353727.html JS的Event对象是触发事件的时候传递给事件处理函...

[JS]详尽解析window.event对象

  • 2008年11月25日 13:06
  • 32KB
  • 下载

Event 对象的使用方法

  • 2010年09月27日 15:35
  • 138KB
  • 下载

JQuery3.1.1源码解读(十三)【event-on】

通过前面一章对于 addEvent 库的介绍,它的兼容性超级棒,据说对于 IE4、5 都有很好的兼容性,这和 jQuery 的原理是一致的,而在 jQuery 中,有一个对象与其相对于,那就是 eve...
  • WuLex
  • WuLex
  • 2017年11月10日 10:07
  • 73

《javascript》——event对象与事件

  • 2013年08月26日 09:02
  • 314KB
  • 下载

DOM Level 2 Event与jQuery源码:捕获与冒泡

本文中的JavaScript事件是指:在浏览器中,DOM标准提供的JavaScript事件集与接口集。 在项目开发中通常会使用类似jQuery的工具来绑定事件处理函数, 也可以设置捕获,或者...
  • yangjvn
  • yangjvn
  • 2015年08月25日 23:36
  • 2912
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery Event对象
举报原因:
原因补充:

(最多只允许输入30个字)