javascript - 防止 anchor 标签默认的最简单方法或最佳实践

Question

到目前为止(如果我能避免因不使用不显眼的 JS 而受到的诽谤的话!)我通常使用具有内联 onclick 属性的以下形式的 anchor (用于 AJAX 加载):

<a href="http://example.com/some/specific/link.php?hello=mum" 
   class="menu" id="menu_0" 
   onclick="loadPage(this.href, this.id); return false;"
   >Hello Mum</a>

我很欣赏这会覆盖任何其他 onclick 事件监听器，但可以很好地取消在几个较旧的应用程序中加载 href 页面的标准 anchor 响应。

最近我一直在浏览一些(较旧的)js 手册和在线资源来开发一些更复杂的事件触发代码。我了解捕获和冒泡的想法，以及使用 preventDefault 和 window.event.returnValue = false 覆盖默认事件的跨平台方法，并向后兼容 必要时可使用 stopDefault() 函数。

因此，我希望有人可以就此处的最佳做法提出建议，或者我以前使用的这种内联代码方法到底有什么问题？显然，我可以将所有 return false; 语句更改为 stopDefault(); 但这值得吗？

Answer 1

我总是这样做:

$(document).ready(function(){
    $('a.menu').on('click', function(event){
        event.preventDefault();
    });
});

您可以在 if 语句或您想要的任何内容中设置您的 event.preventDefault()。