javascript - 视频元素防止右键单击代码不适用于动态元素。

Question

我有这段代码$('video').on('contextmenu', function(e) {e.preventDefault();});可以防止视频标签上的右键菜单。但是，它似乎不适用于动态添加的视频。使用ilightbox作为灯箱，当单击其中一个灯箱图像时，它将视频元素添加到 dom。可以做些什么来让它与动态元素一起工作？

Answer 1

委托事件处理程序：

$(document).on('contextmenu', 'video', function(e) {
    e.preventDefault();
});

小提琴

Answer 2

首先尝试将事件委托给正文级别：

$(document.body).on('contextmenu','video', function(e) {e.preventDefault();});