在fancybox中禁用右键单击

Question

有没有一种方法可以在fancybox中禁用右键单击。 谢谢

- Asim Zaidi

Answer 1

                onComplete: function() {
                        $("#fancybox-img").bind("contextmenu",function(e){
                            return false;
                        });
                    }

将其添加到您的选项中，以禁用在fancybox中对图像进行右键单击的操作 :)

- Thomas Van Nuffel

Answer 2

以下是我实现此功能的步骤:

// fancybox
jQuery(".fancybox").fancybox({
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    beforeShow: function () {
        /* Disable right click */
        $.fancybox.wrap.bind("contextmenu", function (e) {
        return false;
        });
        /* Disable drag */
        $.fancybox.wrap.bind("dragstart", function (e) {
        return false;
        });

    }
});

- Nizam

Answer 3

如果您正在使用jQuery，请尝试这个。如果有帮助，请点个赞：）

$(document).ready(function()
{
    // No right click
    $(document).bind('contextmenu', function() 
    {
        alert('no right click.');
        return false;
    });

});

- user285594

Answer 4

如果您想禁用图像的右键单击功能，您需要获取结果选择器并禁用其上下文菜单属性。

例如：

$('#fancybox-wrap').bind('contextmenu', function() {
    alert('sorry, Right Click Disabled :P'); //do stuff
    return false;
});

- user372551

---

这只能起作用一次。如果模态框关闭并重新打开，则右键单击将不再被禁用，并出现警报。 - Jamie

Answer 5

我知道现在提交答案已经太晚了，但我只想帮助那些不知道 fancybox 添加更多参数以保护数据的人。只需添加

    $('[data-fancybox]').fancybox({
    protect: true
    });

参考资料

- edof