PreventDefault()イベントメソッド
例
リンクがURLを開かないようにします。
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
キャンセル可能な場合、preventDefault()メソッドはイベントをキャンセルします。これは、イベントに属するデフォルトのアクションが発生しないことを意味します。
たとえば、これは次の場合に役立ちます。
- 「送信」ボタンをクリックして、フォームを送信しないようにします
- リンクをクリックして、リンクがURLをたどらないようにします
注:すべてのイベントをキャンセルできるわけではありません。キャンセル可能プロパティを使用して 、イベントがキャンセル可能かどうかを確認します。
注: preventDefault()メソッドは、DOMを介したイベントのそれ以上の伝播を妨げません。これを処理するには、stopPropagation()メソッドを使用します。
ブラウザのサポート
表の数字は、このメソッドを完全にサポートする最初のブラウザバージョンを示しています。
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
構文
event.preventDefault()
パラメーター
なし |
技術的な詳細
戻り値: | 戻り値なし |
---|---|
DOMバージョン: | DOMレベル2イベント |
その他の例
例
チェックボックスのデフォルトのアクションを防止します。
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});