<video> 使用 JQuery 选择器终止触发事件

Question

我在视频完成时使用以下命令触发事件：

video.addEventListener("ended", function() {
    //whatever
});

如果我通过纯 javascript 获取选择器，这将有效：var video = document.getElementById('test');

如果我通过 jQuery 获取选择器，这不起作用：var video = $("#test");

为什么会这样呢？这是随附的 JSFiddle

Answer 1

这是因为$("#test")返回一个jQuery对象。使用 $("#test").get(0) 获取第一个 dom 元素。

var video = $("#test").get(0);

Answer 2

使用

jQuery，使用 .on() 方法：

jqueryVideo.on("ended", function() {
    console.log('This Works 2');
});

http://jsfiddle.net/w4zahwk9/4/