溫馨提示×

JS中cancelbubble的作用是什么

小億
129
2023-08-05 11:53:41
欄目: 編程語言

在JavaScript中,cancelBubble屬性用于阻止事件的進一步傳播或冒泡。當(dāng)cancelBubble屬性設(shè)置為true時,表示取消事件的冒泡,即事件不再向父元素傳播。這樣可以阻止父元素上注冊的相同類型的事件處理程序被觸發(fā)。

cancelBubble屬性常用于事件處理函數(shù)中,通過event對象的cancelBubble屬性進行設(shè)置。例如:

```javascript
element.addEventListener('click', function(event) {
   // 阻止事件冒泡
   event.cancelBubble = true;
});
```

在上述例子中,當(dāng)元素被點擊時,點擊事件不會繼續(xù)向上級元素傳播,因為cancelBubble屬性被設(shè)置為true。

0