我可以在onclick=return false的链接上触发点击事件吗

Question

即使返回false，也有可能触发点击事件吗？onClick返回false的原因是页面在点击链接时"跳跃"。

链接标签看起来像这样：

<li class="tab"><a href="#" onClick="return false;" data-target="#home-tab">Home</a></li>

我试过这个，但运气不好：

$("a [data-taget='#home-tab']").live('click', function(){
    });

Answer 1

$("a[data-target='#home-tab']").on('click', function(){
    alert(123);
});

使用HTML:

<li class="tab"><a href="#" onClick="return false;" data-target="#home-tab">Home</a></li>

这很好用。.live()已弃用，我为您修复了一些键入错误。http://jsfiddle.net/andyjh07/n7L2w15L/

Answer 2

"href='#'"的默认行为是，当单击此属性时，它将转到页面的顶部。要防止这种情况，请使用"event.preventDefault()"函数，该函数将阻止href的默认行为。

Answer 3

返回false是因为墨迹在点击时没有做它应该做的事情，即：链接将不再重定向，这里我假设你希望脚本对链接做一些事情。坦率地说，这里没有人真正理解你想要实现的目标。试着问得更清楚，也许可以更好地表达自己：）

Answer 4

只需以不同的方式定位链接，如下面的示例。

http://jsfiddle.net/j4k306e6/

html

<li class="tab"><a id="home-tab" onclick="return false;" href="#" data-target="#home-tab">Home</a></li>

javascript

$("a#home-tab").bind('click', function(){
    alert("");
});

希望能有所帮助。

Answer 5

试试这个

$("a [data-taget='#home-tab']").live('click', function(e){
    e.preventDefault();
    //your code
});

并从html 中删除onClick="return false"