禁用鼠标右键并显示工具提示

Question

我尝试禁用右键单击图像。为此，我使用以下代码。

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

这很有效。

现在我想在单击鼠标右键时显示​​工具提示。我做不到。想使用bootstrap工具提示。

有人可以帮助我吗？

Answer 1

好的，这段代码对我来说很好......

$('body').on('contextmenu', 'img', function(e){
    e.preventDefault();
    $('#tooltip').css({
        top: e.pageY + 'px',
        left: e.pageX + 'px'
    }).fadeIn(250);

    $('#tooltip').click(function(){
        $('#tooltip').hide();
    });

    $(document).click(function(){
        $('#tooltip').hide();
    });
});

如何在延迟3秒后自动隐藏工具提示？