我可以使用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”