javascript - 動画要素の右クリック防止コードが動的要素に対して機能しない。

Question

$('video').on('contextmenu', function(e) {e.preventDefault();});ビデオタグの右クリックメニューを防ぐために、このコードがあります。ただし、動的に追加されたビデオでは機能しないようです。ライトボックスにilightboxを使用して、ライトボックス画像の 1 つがクリックされたときにビデオ要素を dom に追加します。これを動的要素で機能させるにはどうすればよいですか?

Answer 1

委任されたイベント ハンドラ:

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

フィドル

Answer 2

最初に、イベントを body レベルに委譲してみます。

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