类别: 事件对象

jQuery 的事件系统根据 W3C 标准规范化事件对象。事件对象保证传递给事件处理程序。大多数来自原始事件的属性都被复制并规范化为新的事件对象。

jQuery.Event 构造函数

jQuery.Event 构造函数是公开的，可以在调用 trigger 时使用。new 运算符是可选的。

查看 trigger 的文档以了解如何将其与您自己的事件对象结合使用。

示例

//Create a new jQuery.Event object without the "new" operator.
var e = jQuery.Event( "click" );
 
// trigger an artificial click event
jQuery( "body" ).trigger( e );

从 jQuery 1.6 开始，您也可以将一个对象传递给 jQuery.Event()，它的属性将被设置在新建的 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 );

常见事件属性

jQuery 规范化以下属性以实现跨浏览器一致性

target
relatedTarget
pageX
pageY
which
metaKey

以下属性也被复制到事件对象，但其中一些的值可能未定义，具体取决于事件

altKey, bubbles, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, currentTarget, data, detail, eventPhase, key, keyCode, metaKey, offsetX, offsetY, originalTarget, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, target, toElement, view, which

其他属性

要访问上面未列出的事件属性，请使用 event.originalEvent 对象

// Access the `dataTransfer` property from the `drop` event which
// holds the files dropped into the browser window.
var files = event.originalEvent.dataTransfer.files;