JavaScript-⑦程式碼
阿新 • • 發佈:2018-12-17
// 繫結事件1
//冒泡階段
function fn(){
alert("clicked");
}
// 繫結事件2,物件給onclick賦值,這兩個都是DOM0級別。
//這次繫結會覆蓋前一次(在html呼叫onclick的這種)
window.onload=function(){
let btn=document.getElementById("btn");
btn.onclick=function(event){
alert ("2clicked");
}
// 繫結事件3冒泡階段
btn.addEventListener("click",function(){
alert("3click");
//阻止傳播
event.stopPropagation();
},true)
//冒泡階段
let p=document.getElementById("p");
p.addEventListener ("click",function(){
alert("p is clicked");//冒泡階段處理
},true)
}
//事件是一個物件,有自己的屬性