Javascript NivoSlider-禁用右键单击

我被要求在一个网站上设置禁止右键点击的功能，我告诉他们有很多方法，人们仍然可以通过谷歌图片、缓存、Firebug等下载图片，但我的论点仍然被忽视，他们坚持必须这样做

总之，我在页脚中添加了一些代码，使用

禁用右键单击所有元素。这在NivoSlider上无法工作，我确实更改了脚本，在禁用右键单击时使用窗口加载，但在slide1之后它停止工作，我假设这与对DOM的更改有关

到目前为止，JavaScript是我最薄弱的一点，我希望没有太多麻烦的人能给我一个完整的工作解决方案，或者继续做下去。提前谢谢

他们正在使用具有以下触发器的NivoSlider：

<script type="text/javascript">
    (function($) {
        $(window).load(function() {
            $('#slider').nivoSlider();
        });
     })(jQuery);
</script>

（函数（$）{
$（窗口）。加载（函数（）{
$（“#滑块”）.nivoSlider（）；
});
})（jQuery）；

这是我放在页脚的代码，在幻灯片2上无法使用+

<script>
    $(window).load(function() {
        $('img').bind('contextmenu', function(e) {
            return false;
        });
    });
</script>

$（窗口）。加载（函数（）{
$（'img'）.bind（'contextmenu'，函数（e）{
返回false；
});
});

您可以通过防止在图像上单击鼠标右键的默认行为来实现这一点

---

请参阅以下答案：

您对DOM的更改完全正确。您需要将事件委托给父元素

试着这样做：

$('#slider').delegate('img', 'contextmenu', function(e) {
    return false;
});

或者，如果使用jQuery>1.7：

$('#slider').on('contextmenu', 'img', function(e) {
    return false;
});

---

好极了，top one可以直接工作，无需进一步编辑。非常感谢+1并接受。