最新のWeb開発のチュートリアル
 

でpreventDefault()イベントメソッド

<イベントオブジェクト

URLを開いてから、リンクを防ぎます:

document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

preventDefault()それはイベントに属しているデフォルトのアクションが発生しないことを意味し、解約の場合メソッドは、イベントをキャンセルします。

たとえば、これは時に役立つことができます:

  • クリックする"Submit"ボタン、フォームを送信することを防ぎます
  • リンクをクリックすると、URLを次の中からリンクを防ぎます

注:すべてのイベントが解約されています。 使用取消イベントがキャンセル可能かどうかを確認するには、プロパティを。

注: preventDefault()メソッドは、DOMを介してイベントのさらなる伝播を妨げません。 使用stopPropagation()これを処理する方法を。


ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
preventDefault() はい 9.0 はい はい はい

構文

event .preventDefault()

パラメーター

なし

技術的な詳細

戻り値: 戻り値なし
DOMバージョン: DOMレベル2のイベント

例

その他の例

チェックボックスのデフォルトのアクションを防ぎます:

document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
});
»それを自分で試してみてください

<イベントオブジェクト