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");
}