使用 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>