JavaScript事件对象深入详解

本文实例讲述了JavaScript事件对象。分享给大家供大家参考，具体如下：

触发 DOM 上的事件时，会生成一个事件对象 event，它包含着所有与事件有关的信息，诸如导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有的浏览器都支持 event 对象，但支持的方式不同。

1 DOM 中的事件对象

兼容 DOM 的浏览器会将 event 对象传入事件处理程序（DOM0 级与 DOM2 级都支持）：

var btn = document.getElementById("myBtn");btn.onclick = function (event) { console.log(event.type);//"click"};btn.addEventListener("click",function(event){ console.log(event.type);//"click",false};

event.type 保存的是被触发的事件类型。

通过 HTML 属性指定事件处理程序时， event 中保存的是 event 对象：

<input type="button" value="Click Me" onclick="alert(event.type)"/>

event 对象包含着创建它的特定事件相关的属性和方法，所以可能每个特定事件都有自己所特有的属性和方法，不过所有事件都会有这些属性和方法：