addEventListener()在Firefox中对图像不起作用
addEventListener() not working for image in Firefox
我正在我的javascript代码中创建一个图像对象。我想附加一个处理程序到这个图像的"加载"事件。我正在尝试使用以下代码,但处理程序方法从未被调用。
var img = new Image();
img.src='some url';
img.addEventListener('load', function(){
//do something
}, false);
是我做错了什么还是有其他的方法来做这件事?我已经试过了。
在为src
属性赋值之前添加事件侦听器。如果图像已经在浏览器的缓存中,load
事件可能会在设置src
属性后立即发生。
另外,确保将对Image
对象的引用保存到一个变量中,该变量在下载图像之前不会自动销毁。例如,如果您在函数中实例化一个Image
对象,并在函数局部变量中保存对它的引用,则该对象可能会在函数执行完成后自动销毁。要防止这种情况发生,可以将对该对象的引用保存在全局变量或全局对象的属性中,如下所示:
window.example = {
_images: []
};
example.preloadImage = function(url, callback) {
var image = new Image;
image.onload = callback;
image.src = url;
// This prevents the image from destroying after the function is executed.
example._images.push(image);
};
example.preloadImage('some-image.jpg', function() {
alert('Image is loaded.');
});
相关文章:
- 本地存储功能中的图像不起作用
- 简单的 Java 脚本背景图像不起作用
- html画布绘制图像不起作用
- jquery选择图像不起作用
- 在html画布代码中插入图像不起作用
- 设置来自 javascript 的背景图像不起作用
- 在剑道 UI 树视图项旁边添加图像不起作用
- 尝试使用 jquery 加载随机图像 -- 不起作用
- ajax 响应包括 image,onClick 事件对图像不起作用 jQuery
- 在图像不起作用的 src 中添加 jQuery 变量
- 显示数组中的图像不起作用
- 使用 jQuery 替换背景图像不起作用
- 淡入淡出 JavaScript 中的图像不起作用
- GD库裁剪图像不起作用
- 画布绘制图像不起作用,根本没有错误
- Vue.js 数据绑定样式背景图像不起作用
- 为什么我的可点击图像不起作用
- Javascript set src 属性的图像不起作用
- 画布绘制图像不起作用
- SVG作为Div的内联背景图像不起作用