preventDefault() イベントメソッド

DOM イベント Event オブジェクト

定義と使用方法

イベントがキャンセル可能である場合、preventDefault() メソッドはそのイベントをキャンセルし、これはそのイベントに関連するデフォルト動作が発生しないことを意味します。

以下の状況で役立ちます：

  • 「提出」ボタンをクリックすると、フォームの提出を防ぎます
  • リンクをクリックすると、リンクのURLにフォローオンを防ぎます

注記：すべてのアクションがキャンセル可能ではありません。以下を使用してください： cancelable 属性 イベントがキャンセル可能かどうかを確認するために、

注記：preventDefault() メソッドは、イベントがDOMを通じてさらに拡散されるのを防ぎません。stopPropagation() メソッドを使用してください。

例

例 1

リンクのURLを開くのを防ぎます：

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

自分で試してみてください

例 2

チェックボックスのデフォルト動作を防ぎます：

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

自分で試してみてください

文法

イベント.preventDefault()

パラメータ

ありません。

技術的な詳細

戻り値： 戻り値はありません。
DOM バージョン： DOM レベル 2 イベント

ブラウザサポート

このテーブルの数字は、そのメソッドを完全にサポートする最初のブラウザバージョンを示しています。

メソッド Chrome IE Firefox Safari Opera
preventDefault() サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト