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

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