JavaScript中如何全面理解事件对象？

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

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