javascript - javascript と css を使用したリンクを無効にするにはどうすればよいですか?

Question

ユーザーのみのリンクを無効にする方法を知っていますか? 私は持っている

<div class="searchoffertext" onclick="searchoffertext_selected('Banana')"><a href="./search/Banana">Banana</a></div>

リンク /search/Banana は有効なリンクであり、検索インデックス エンジン用に保持したいと考えています。ただし、ユーザーがリンクをクリックすると、関数 searchoffertext_selected が呼び出され、それ以上何も起こりません。

Answer 1

リンクがデフォルトのアクションを実行しないようreturn false;にするには、onclickイベントに次のように追加します。

<div class="searchoffertext" onclick="searchoffertext_selected('Banana'); return false;"><a href="./search/Banana">Banana</a></div>

onclickを直接貼り付けたほうがいいかもしれません。<a>

しかし、より良いアプローチは、邪魔にならない JavaScriptを使用して、セレクターを介してイベントをリンクに添付することです。

参照: Stackoverflow: HTML で onclick を使用する場合

Answer 2

jQuery の使用:

$('#selector').click(function(e){
  e.preventDefault();
});

バニラJS:

<a onclick="return false;">