不跟随链接使用 <a> 标签作为按钮

6

我使用<a>标签创建按钮。我使用JavaScript(jQuery)来实现其行为。

如何在不影响所有click()事件的情况下,防止浏览器跟随链接?

代码如下:

$("a.button").live("click", function(event) { return false; });

这种方法不起作用,因为根据处理程序的位置,它可能会阻止其他.click()处理程序执行。对于某些按钮,它按照我想要的方式工作,但是对于一些按钮,它会阻止我的其他处理程序执行。

我知道我可以为每个按钮使用单个点击处理程序,但我更愿意以AOP方式进行操作。

1个回答

6

jQuery提供了一个名为preventDefault的方法,该方法可以阻止事件的默认操作。使用此方法,以下代码将停止链接的跟踪,但不应停止事件传播到其他处理程序。

$("a.button").click(function(event){ event.preventDefault(); });

那就是它了。你比我先做到了 :) - Matt Ball

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接