event.preventDefault()メソッド

event.preventDefault()は、イベントのデフォルトの動作を停止するメソッド。

構文

event.preventDefault()

サンプル

サンプル

サンプルの動作について

「サンプル」をクリックすると、リンク先ページは開かず、ボタンの右横に「デフォルトの動作を停止」と5秒間だけ表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
window.onload = function () {
    document.getElementById( "sampleA" ).onclick = function( $event ){
        $event.preventDefault();
        document.getElementById( "sampleOutput" ).innerHTML = "デフォルトの動作を停止";
        window.setTimeout( function ()
            {
                document.getElementById( "sampleOutput" ).innerHTML = "";
            },
            5000
        );
    };
}
</script>

HTML

<p>
    <a id="sampleA" href="http://alphasis.info/">サンプル</a>
    <span id="sampleOutput" style="margin-left: 10px;"></span>
</p>

スポンサード リンク

カテゴリー: DOM, Eventオブジェクト, JavaScript, イベント, メソッド, リファレンス パーマリンク