[JavaScript] エラー発生時のイベントを取得する（onError）

投稿日：2018年4月12日更新日：2018年5月2日

エラー発生時のイベントを取得するには、onerrorイベントハンドラを使用します。

サンプルソース

例）画像が読み込めない時（エラー発生時）にalertを表示する

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>onErrorサンプル</title>
  <script>
    function test(){
      alert("画像が読み込めませんでした。");
    }
  </script>
</head>
<body>
  <img src="xxx.jpg" onerror="test();" alt="画像です">
</body>
</html>

<!DOCTYPE html>

<head>

<title>onErrorサンプル</title>

function test(){

alert("画像が読み込めませんでした。");

}

</script>

</head>

<body>

</body>

</html>

解説

画像「xxx.jpg」が存在しない場合にalertが表示されます。
参考までに、画像が存在しない場合にaltが設定されていると、alt値が表示されます。

執筆者：とら