event.preventDefault()

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

実装例(サンプル)

event.preventDefault():

実装例(サンプル)の動作について

event.preventDefault() をクリックしても、リンク先ページは開かず、右側に、フェードイン・フェードアウトで「デフォルトの動作を停止」というテキストを3秒間表示する。

実装例(サンプル)のソースコード

JavaScript

<script>
<!--
jQuery( function() {
    jQuery( '#jquery-api-event-click' ) . click( function( event ) {
        event . preventDefault();
        jQuery( '#jquery-api-event-preventDefault' )
        . fadeIn( 1000 )
        . text( 'デフォルトの動作を停止' )
        . fadeOut( 2000 );
    } );
} );
// -->
</script>

HTML

<p>
    <a id="jquery-api-event-click" href="http://alphasis.info/2011/09/jquery-api-event-preventdefault/">event.preventDefault()</a>:
    <span id="jquery-api-event-preventDefault"></span>
</p>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, イベント, イベント・オブジェクト タグ: パーマリンク