JavaScript如何阻止點擊事件的傳遞(超連接問題)

事件相關的說明地址:https://developer.mozilla.org/zh-CN/docs/Web/API/Event/stopPropagation
個人筆記地址:小科的雲筆記html

一。描述:點擊頁面的body會翻頁,此時在作一個超連接點擊超連接時候也會跳頁,可是同時事件向上傳遞最終執行的時間是body的時間。此時咱們就須要阻止時間向上傳遞。瀏覽器

  1. 最初的解決方法是許總給了一個阻止事件傳遞的方法:如圖
    在這裏插入圖片描述
    就是給點擊事件一個向上傳遞的時間方法: event.cancelBubble=true;
    這個方法顯然是可行的,可是該方法已通過期了。

官方說明:
警告: 請使用 event.stopPropagation() 方法來代替該不標準的屬性.
概述節
已廢棄
該特性已經從 Web 標準中刪除,雖然一些瀏覽器目前仍然支持它,但也許會在將來的某個時間中止支持,請儘可能不要使用該特性。
獲取或設置一個布爾值,代表當前事件是否要取消冒泡.
語法
event.cancelBubble = bool;
var bool = event.cancelBubble;
bool 的值爲true或false.
備註
若是一個事件是可冒泡的,則它的cancelBubble屬性的默認值爲 false,表明容許該事件向上冒泡. 將cancelBubble屬性設置爲true之後,能夠阻止該事件的進一步冒泡行爲.markdown

目前應該使用的方法是:
event.stopPropagation();
語法
event.stopPropagation();ide

相關文章
相關標籤/搜索