右マウスクリックを無効にしてツールチップを表示

Question

画像の右クリックを無効にしようとしています。このために私は次のコードを使用します。

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

これはうまくいきます。

これでマウスの右ボタンをクリックするとツールチップが表示されます。私はそれを行うことはできません。ブートストラップのツールチップを使用しますか？

誰かが私を助けることができますか？

Answer 1

[OK]を、このコードは私のために正常に動作します...

$('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秒後に自動的にツールヒントを非表示にしていますか？