onerror 事件无效

Question

我尝试创建代码来替换另一个上的 src 图像。我想使用函数 invalidUrl():

function invalidUrl() {
    paint.src = randomvariable;
}

但是这个函数不是运行 :<

var paint = '<img src="' + url + '"class="heightImg" onerror="invalidUrl()"/>' + '</br></br>' + description;

如果当前图片不存在，如何更改src图片？

Answer 1

如果你愿意使用jQuery，你可以创建一个元素：

var paintelement=$('<img src="' + url + '"class="heightImg"/>' + '</br></br>' + description);
paintelement.attr('src','wherever');
paintelement.appendTo('#somewhere');
paintelement.on('error',function(){paint.src = randomvariable;});

Answer 2

paint.src // undefined

这是因为paint是"string"类型而字符串没有"src" 属性.

您可以使用原版 JavaScript 构建您的 img 元素：

var paintedElement = document.createElement("img");
paintedElement.src = url;
paintedElement.class = "heightImg";
paintedElement.onerror = function invalidUrl() { 
     paint.src = randomvariable;
};
paintedElement.innerHTML = "</br></br>" + description;
// append where you need to append paintedElement

onerror 事件无效

onerror Event didn`t work

javascript

events

web

web-deployment

onerror