イメージがキャッシュされている場合でも、イメージに対して Onload イベントが確実にトリガーされるようにする方法

画像のロード イベントとブラウザ キャッシュ

画像がロードされているかどうかに関係なく、画像がロードされたときにアラート ボックスをトリガーしたいとします。キャッシュされているかどうか。解決策は、src の前に onload プロパティを設定することです。

var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "img.jpg";

これは、最新の Firefox および Chrome リリースで機能します。動的に生成された単一の画像に合わせて、別の投稿で回答を使用することもできます。

var img = new Image();
// 'load' event
$(img).on('load', function() {
  alert("image is loaded");
});
img.src = "img.jpg";

これは、最新の Firefox および Chrome リリースでも機能します。

以上がイメージがキャッシュされている場合でも、イメージに対して Onload イベントが確実にトリガーされるようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。