JavaScript中如何总结常见事件对象及其实例操作？

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

原文：本文实例讲述了JavaScript常见事件对象与操作。分享给广大家长供大家参考，具体如下：+ 触发 + DOM + 上的事件时，会生成一个事件对象 event，它包含着与事件相关的所有信息，例如导致事件的元素。

改写后：本文以实例展示JavaScript中常见的事件对象及其操作。内容如下：当在DOM元素上触发事件时，系统会创建一个事件对象，该对象存储了与事件相关的所有信息，如触发事件的元素等。

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