jQuery API の 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>
<!--
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>
<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>