現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

イベント

JavaScriptで画像が読み込めないときに処理を行いたい

投稿日:

onabort = ★ 画像の読み込み中断時
onerror = ★ 画像の読み込み失敗時
★・・・実行する命令(関数や関数名)
画像が読み込めない場合に発生するイベントです。読み込めない画像の有無を調べたり、その場合の処理を設定したりする際に使用します。

スポンサーリンク

onabortイベント

画像の読み込みが中断されたときに発生するイベントです。必ず画像を表示させたい場合などに読み込みが中断されたタイミングで警告メッセージを表示できます。
// 1番目の画像の読み込みが中断された際、関数 retry を呼び出します。
document.images[0].onabort = retry;

スポンサーリンク

onerrorイベント

画像ファイルが見つからないなどの理由で画像が表示できない場合に発生するイベントです。
// が追うの読み込みに失敗した際、「表示できません。」とダイアログを表示します。
<img src=”sample.jpg” alt=”” onerror=”alert(‘表示できません。’)” />

スポンサーリンク

-イベント
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptでフォームのリセット時に処理を行いたい

onreset = ★ フォームリセット時 ★・・・実行する命令(関数や関数名) フォームがリセットされたときに発生するイベントです。実行する命令の戻り値がfalseの場合はリセットを行いません。 ス …

JavaScriptでフォーカスの移動時に処理を行いたい

onfocus = ★ フォーカスが合ったとき onblur = ★ フォーカスが離れたとき ★・・・実行する命令(関数や関数名) マウスカーソルや[Tab]キーによってフォーカスが移動したときに発生 …

JavaScriptでイベントが発生した位置を調べたい

★.x マウスのX座標を参照 ★.y マウスのY座標を参照 ★.clientX マウスの表示領域上のX座標を参照/設定 ★.clientY マウスの表示領域上のY座標を参照/設定 ★.pageX マウ …

JavaScriptでサイズ変更時に処理を行いたい

onresize = ★ ★・・・実行する命令(関数や関数名) オブジェクトのサイズが変更されたときに発生するイベントです。サイズが変更されたときに処理を実行したい場合に使用します。ウィンドウやフレー …

JavaScriptでキー操作によって処理を行いたい

onkeydown = ★ キーが押されたとき onkeypress = ★ キーが押されているとき onkeyup = ★ キーが離されたとき ★・・・実行する命令(関数や関数名) キーの操作状態に …