HTML：hrefよりonclickの優先順位付け

Question

htmlタグでonclickとhrefの両方を持ち、hrefでonclickを優先させることができるかどうかを知りたいと思います。 私はrobots/oldbrowsersアクセシビリティのためのhrefが必要です。

おかげ

Answer 1

はい、ちょうどonclickハンドラからfalseを返し、それはブラウザがhref内のリンクを開いていることにあるデフォルトのアクションを防ぐことができます。

Answer 2

JavaScriptを目立たないようにするには、リンクのonclickプロパティを使用する代わりに、addEventListenerを使用してイベントをバインドできます。

イベントリスナーを追加するときに、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 */ 
});