将事件附加到动态添加的“ video”元素

时间:2019-12-23 07:17:37

标签: javascript jquery

我尝试将on error事件附加到其静态父级中动态添加的video元素:

$("#all-posts").on("error", "video", function() {
  console.log("we caught an error while reading meta-data");
});

但是它不起作用。它仅适用于最初加载的元素。

1 个答案:

答案 0 :(得分:0)

在这种情况下,如果您想嘲笑事件<allow users="domain/Dept/HQ" /> ,我建议这样定义事件:

onerror

var videoElement = document.createElement('video'); videoElement.onerror = function() { console.log('we caught an error while reading meta-data'); console.log(videoElement.error); }; videoElement.src = 'https://example.com/bogusvideo.mp4';属性指向src状态码,因此事件404被击中。

通过jquery添加onerror标签时,您可以做同样的事情:

<video>
var videoElement = $('<video>');

videoElement[0].onerror = function() {
  console.log('we caught an error while reading meta-data');
  console.log(videoElement[0].error);
};

videoElement.prop('src', 'https://example.com/bogusvideo.mp4');