監聽圖片src發生改變時的事件


$img.on('load', function() { $img.attr("src", getBase64Image($img.get(0))); $img.off('load') });


on()函數用於為指定元素的一個或多個事件綁定事件處理函數。

 

off()函數用於移除元素上綁定的一個或多個事件的事件處理函數。

off()函數主要用於解除由on()函數綁定的事件處理函數。

 

load 事件:

 

當指定的元素(及子元素)已加載時,會發生 load() 事件。

該事件適用於任何帶有 URL 的元素(比如圖像、腳本、框架、內聯框架)。

根據不同的瀏覽器(Firefox 和 IE),如果圖像已被緩存,則也許不會觸發 load 事件。

 

實際項目的應用:

 

$("#BrandLogo").find('img').on('load', function() {
if($(this).attr('src') !== '../../plugins/theme/img/nopic.jpg') {
$(".brandLogoImgName2").attr('src', $(this).attr('src'));
$(".brandLogoImgName3").attr('src', $(this).attr('src'));
$("#BrandLogo").find('img').off('load')
}
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM