JS事件对象

JS事件对象:在触发DOM上的某个事件时,会产生一个事件对象event, 这个对象包含着所有与事件有关的信息。

DOM中的事件对象

var btn = document.getElementById("myBtn");

btn.onclick = function(event){

  alert(event.type);

}

btn.addEventListener("click",function(){

  alert(event.type);

},false);

在通过HTML特性指定事件处理程序时,变量event中保存着event对象。

<input type="button" value="click me" onclick="alert(event.type)"/>

IE中的事件对象

var btn = document.getElementById("myBtn");

btn.attachEvent("onclick",function(event){

  alert(event.type);

});

跨浏览器的事件对象

var btn = document.getElementById("myBtn");

btn.onclick = function(event){

  alert("Clicked");

  event = EventUtil.getEvent(event);

  EventUtil.stopPropagation(event);

}

document.body.onclick = function(event){

  alert("Body clicked");

}

原文地址:https://www.cnblogs.com/luyuan/p/3837963.html