以 JQuery 选择器在 <video> 上触发事件答案

【问题标题】：Firing an Event on <video> end with JQuery selector以 JQuery 选择器在 <video> 上触发事件
【发布时间】：2014-11-20 04:27:44
【问题描述】：

当视频完成时我正在触发一个事件：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

对于 jQuery，使用 .on() 方法：

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

【讨论】：