jQueryでリンクを無効にする方法

jQuery

jQuery 

答え

jQueryのpreventDefault()を使用することです。

例:

HTML
<a href="https://example.com">Link</a>

jQuery
$(document).ready(function() {
  $('a').click(function(event) {
    event.preventDefault();
  });
});

これにより、リンクがクリックされたときにページが遷移せず、リンクのクリックイベントが無効になります。

preventDefault()の説明

jQueryのpreventDefault()は、イベントの既定の動作をキャンセルするためのメソッドです。

通常、クリックなどのイベントが発生したとき、ブラウザはその要素の既定の動作を実行しようとします。

例えば、aタグのクリックはリンク先に移動することです。しかし、preventDefault()を使用することで、この既定の動作をキャンセルし、自分でカスタム動作を定義することができます。

コメント

タイトルとURLをコピーしました