無効にHREFと実行機能

Question

私はこのコードを持っています。

私はonclick="return false; testFunction();"で試しましたが、明らかに動作しません。

誰かが私を助けることができますか？事前に

おかげ

Answer 1

1. あなたは、ブラウザのデフォルトhrefを実行しないであろうことを確認するpreventDefaultを使用する必要があります。
2. あなたはreturn場合 - その後に実行されます何も...

function testFunction() { 
 
    alert('hi'); 
 
} 
 
document.querySelector('.function').addEventListener('click', function() { 
 
    event.preventDefault(); 
 
    testFunction(); 
 
});

<a href="https://www.yahoo.com"> 
 
    <div>...</div> 
 
    <div class="function">Click here will not change page</div> 
 
    <div>....</div> 
 
</a>

Answer 2

もう一つの方法、それはjavascript:void(0)であることを確認し、jQueryの

$(".function").click(function(){ 
 
console.log("test") 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="javascript:void(0)"> 
 
    <div>...</div> 
 
    <div class="function">Click here will not change page</div> 
 
    <div>....</div> 
 
</a>

経由でイベントをクリックします

Answer 3

$('#selector').on('click', function(e) { 
    e.preventDefault(); 
    alert("Cool!"); 
}); 

Answer 4

あなたはこれを行うことができます。

クリックイベントハンドラから falseを返す

$('#content a').click(function(){ return false }); 

は（リンク以下）のデフォルトの動作を防止します。

あなたが複数のリンクを持っているかもしれませんが、あなたはこれだけを無効にしたい場合は、あなたがあなたのセレクタに特異的であり得る：もちろん

$('#content a[href="/test/"]').click(function(){ return false });