1、事件对象
在触发DOM事件的时候会产生一个对象
2、事件对象event:
type-获取事件类型
target-获取事件目标
stopPropagation-阻止事件冒泡
preventDefault-阻止事件默认行为
JS事件详解-事件对象 var oDiv1 = document.getElementById("div1");
var oBtn1 = document.getElementById("btn1");
var oA1 = document.getElementById("a1");
oBtn1.addEventListener("click", showType);
oDiv1.addEventListener("click", showDiv);
oA1.addEventListener("click", showA1);
function showType(event) {
alert(event.type);//获取事件类型 -- click
alert(event.target);//获取事件目标 -- click
event.stopPropagation();//阻止事件冒泡
}
function showDiv() {
alert("div1");
}
function showA1(event) {
//阻止事件冒泡 - DIV
event.stopPropagation();
//阻止事件默认行为
event.preventDefault();
}