首頁  >  文章  >  web前端  >  如何確保觸發映像的 Onload 事件,即使它已快取?

如何確保觸發映像的 Onload 事件,即使它已快取?

Barbara Streisand
Barbara Streisand原創
2024-10-25 05:49:29883瀏覽

How to Ensure an Onload Event is Triggered for an Image, Even if It's Cached?

圖片載入事件和瀏覽器快取

您希望在圖片載入時觸發警報框,無論圖片是否已載入是否已快取。解決方案是在 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn