jQuery click（）用于视频元素

Question

我正在研究SimpleWebRTC。当新方加入会议室时，会添加新的视频元素。现在我需要处理点击任何视频元素。所以我写下了代码

$('video').click(function(e) {
       console.log('clicked');

       e.preventDefault()
});

显然这个块已经准备好了jQuery文档。但我在控制台上没有看到任何东西。奇怪的是，当我在浏览器的控制台中粘贴上面的代码时，它正在按预期工作。

我需要您的指导方针来解决问题。

感谢。

Answer 1

首先：为视频标签定义一个类。例如：.chat就像这样：

<video class="chat" />

并使用此代码：

$('video.chat').on('click', function (e) {
    console.log(this);
});

或：

$(document).on('click', 'video.chat', function (e) {
    console.log(this);
});

我希望它可以帮到你。

Answer 2

尝试为视频元素指定一个ID，以便您的脚本

$('#video').click(function(e) {
       console.log('clicked');

       e.preventDefault()
});

所以它应该在控制台上显示“点击”文字，但我不确定会不会再发生