preventDefault()を使用して、クリックイベントをオーバーライドする

1年 ago
綾乃, 一希
1 minute

クリックのデフォルトの動作を防ぐには、JavaScriptのpreventDefault()メソッドを使用します。 以下は例です。

document.getElementById("myButton").addEventListener("click", function(event) {
event.preventDefault();
console.log("点击事件被阻止了");
});

上記の例では、まず「myButton」というIDを持つ要素を取得し、クリックイベントのリスナーを追加しました。リスナー関数内では、event.preventDefault()メソッドを呼び出して、既定のクリックイベントを阻止しました。次に、console.log()メソッドを使用して、クリックイベントが正常に阻止されたことを確認するメッセージを出力しました。

メモ： タグ上で preventDefault() を使用してクリックイベントを阻止する場合は、クリックイベントが阻止されても、リンクの既定の遷移動作も阻止されることに注意してください。リンクの既定の遷移動作を阻止したくない場合は、次のように preventDefault() の代わりに return false; を使用してください。

document.getElementById("myLink").addEventListener("click", function(event) {
console.log("点击事件被阻止了");
return false;
});

こちらの例では、クリックイベントのリスナー関数内で、return false; を直接使用することで、標準的なクリックイベントを阻止すると共に、クリックイベントが正常に阻止されたことを確認するメッセージを出力しています。

bannerAds