觸發子元素的點選事件而不觸發父元素的點選事件
阿新 • • 發佈:2018-12-03
<div class="divone" onclick="divone(this)"> <div class="divchild" onclick="divchild(this)"></div> </div>
function divone(){ //這裡是divone事件的程式碼 console.log('divone事件'); stopPropagation(); } function divchild(){ //這裡是divchild事件的程式碼 console.log('divchild事件'); stopPropagation(); } function stopPropagation(e) { e = e || window.event; if(e.stopPropagation) { //W3C阻止冒泡方法 e.stopPropagation(); } else { e.cancelBubble = true; //IE阻止冒泡方法 } }