JavaScript事件对象有哪些深入详解的细节需要了解？

本文共计2538个文字，预计阅读时间需要11分钟。

原文：本文字例讲述了JavaScript事件对象。分享给大 家参考，具体如下：+ 事件 + DOM + 上的事件时，会生成一个事件对象 event，它包含着与事件相关的所有信息，例如导致事件的元素、事件的类型等。

JavaScript事件对象详解。分享如下要点：在DOM元素上触发事件时，会创建一个event对象，其中包含事件相关信息，如触发事件的元素和事件类型。

本文实例讲述了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 保存的是被触发的事件类型。