使用 addeventlistener 阻止默認鏈接操作

Question

<a id="link" href="example.com">test</a>

var a = document.getElementById(link);
a.addEventListener('click',function(e){
//code
}, false);

如何防止鏈接操作轉到example.com？

Answer 1

使用.addEventListener() （注冊事件的現代標准方式.addEventListener()注冊的事件處理程序會自動傳遞對event對象的引用，該對象代表首先觸發處理程序的事件。 這個event對象有很多屬性，但是下面兩個是你要找的：

• event.preventDefault()
• event.stopPropagation()

 document.getElementById("link").addEventListener('click',function(e){ e.preventDefault(); // Cancel the native event e.stopPropagation();// Don't bubble/capture the event any further });

 <a id="link" href="example.com">test</a>