jQuery API の error() は、エラーイベントを実行するメソッド。
エラーイベント時の、ブラウザのデフォルト動作と、error( fn )などでバインドしたイベントハンドラを実行する。
「jQuery Version 1.8」の時点で非推奨になった。
「A要素のイベント時に、B要素のエラーイベントを実行させたい」時などに便利だ。
記述方法
jQuery( セレクター ) . error();
「セレクター」の要素のエラーイベントを実行する。
実装例(サンプル)
実装例(サンプル)の動作について
「error()」ボタンをクリックすると、ボタンの下に、「エラーイベントを実行しました。」というテキストが、フェードインで出現し、すぐに、フェードアウトで消える。
実装例(サンプル)のソースコード
JavaScript
<script>
<!--
jQuery( function() {
jQuery( '#jquery-api-click-button' ) . click( function () {
jQuery( '#jquery-api-error' ) . error();
} );
jQuery( '#jquery-api-error' ) . error( function () {
jQuery( this ) . fadeIn( 1000 ) . text( 'エラーイベントを実行しました。' ) . fadeOut( 1000 );
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-click-button' ) . click( function () {
jQuery( '#jquery-api-error' ) . error();
} );
jQuery( '#jquery-api-error' ) . error( function () {
jQuery( this ) . fadeIn( 1000 ) . text( 'エラーイベントを実行しました。' ) . fadeOut( 1000 );
} );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-api-error {
display: none;
}
-->
</style>
<!--
#jquery-api-error {
display: none;
}
-->
</style>
HTML
<p><button id="jquery-api-click-button">error()</button></p>
<p id="jquery-api-error"></p>
<p id="jquery-api-error"></p>