禁用鼠标右键单击并显示工具提示答案

【问题标题】：Disable right mouseclick and show tooltip禁用鼠标右键单击并显示工具提示
【发布时间】：2016-12-08 11:56:08
【问题描述】：

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

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

这很好用。

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

有人可以帮我吗？

【问题讨论】：

鼠标右键的工具提示对于 UI 来说听起来很不标准。你确定要这样做吗？
你卡在哪里？？？
你知道事件，有提示，你需要鼠标当前位置的坐标
是的，我想这样做。如果我用鼠标右键单击图片，将出现一个工具提示，如 500px.com ...

标签： jquery tooltip contextmenu mouse right-click

【解决方案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 秒后自动隐藏工具提示？

【讨论】：