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

Question

我尝试禁用图像的鼠标右键点击。为此，我使用以下代码。

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

这样做效果很好。

现在，我想在单击鼠标右键时显示工具提示。我做不到。希望使用引导工具提示。

有人能帮我吗？

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秒后自动隐藏工具提示？