javascript - e.preventDefault() 的纯 JavaScript 版本；

Question

使用以下基于 jQuery 的脚本，您可以停止虚拟链接的默认操作，即:<a href="#">

$('a').click(function(e) {
  e.preventDefault();
});

这个脚本的普通版本是什么？

我不是 JavaScript 程序员，但我认为它可能使用 return false; 。再说一遍，我可能完全错了。

预先感谢您的帮助。

Answer 1

您有event.preventDefault()也可以在普通 JavaScript 中使用。一般而言，您始终可以使用return false。如果您附加一个事件处理程序，则可以保证获得在处理程序中传递的事件参数，而不是使用 onclick 或元素的任何其他属性(在这种情况下，您应该依赖可用的特定事件对象在处理程序内部，您可能无法在所有浏览器中获得该处理程序，例如在 IE 中您将使用 window.event)。

例如:-

  document.getElementById('someId').addEventListener('click', function(e){ //say this is an anchor
         //do something
        e.preventDefault();
   });

因此对于所有 anchor :

 var anchors = document.getElementsByTagName('a');
 for(i=0, len=anchors.length; i<len; i++){
     anchors[i].addEventListener('click', function(e){e.preventDefault();});
 }