监听图片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')
}
});