HTML：onclick 优先于 href

Question

我想知道是否可以在 html 标签上同时使用 onclick 和 href 并优先考虑 onclick 而不是 href。 我只想获得 robots/oldbrowsers 可访问性的 href。

谢谢

Answer 1

是的，只需从 onclick 处理程序返回 false，它将阻止默认操作，即浏览器打开 href 中的链接。

Answer 2

如果您希望 JavaScript 不引人注目，则可以使用 addEventListener 而不是使用链接的 onclick 属性来绑定事件。

添加事件侦听器时，您可以定义一个 event 参数，该参数具有抑制元素默认行为的方法。在这种情况下，它将阻止浏览器导航到链接的 href。

myLink.addEventListener("click", function(event) {
    event.preventDefault();
    /* onclick logic goes here */ 
}, false);

或者在 jQuery 中。 。 。

jQuery('#myLink').click(function(event){
    event.preventDefault();
    /* onclick logic goes here */ 
});