event.isDefaultPrevented

jQuery API の event.isDefaultPrevented() は、preventDefault() メソッドでイベントのデフォルトの動作を停止させたかどうかを返すメソッド。

実装例(サンプル)

event.isDefaultPrevented()

event.isDefaultPrevented()-1:

event.isDefaultPrevented()-2:

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

event.isDefaultPrevented() をクリックしても、リンク先ページは開かず、「event.isDefaultPrevented()-1: 」の右側に、フェードイン・フェードアウトで「false」というテキストを5秒間表示、「event.isDefaultPrevented()-2: 」の右側に、フェードイン・フェードアウトで「true」というテキストを5秒間表示する。

「event.isDefaultPrevented()-1: 」は、preventDefault() を呼び出す前なので、「false」となる。

「event.isDefaultPrevented()-2: 」は、preventDefault() を呼び出した後なので、「true」となる。

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

JavaScript

<script>
<!--
jQuery( function() {
    jQuery( '#jquery-api-event-click' ) . click( function( event ) {
        jQuery( '#jquery-api-event-isDefaultPrevented-1' )
        . fadeIn( 2000 )
        . text( event.isDefaultPrevented() )
        . fadeOut( 3000 );
        event . preventDefault();
        jQuery( '#jquery-api-event-isDefaultPrevented-2' )
        . fadeIn( 2000 )
        . text( event.isDefaultPrevented() )
        . fadeOut( 3000 );
    } );
} );
// -->
</script>

CSS

<style>
<!--
#jquery-api-event-isDefaultPrevented-1,
#jquery-api-event-isDefaultPrevented-2
{
    display: none;
}
-->
</style>

HTML

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

スポンサード リンク

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