如何在contentEditable = true的div上正确捕获右键单击事件？

Question

我有一个div与contentEditable=true。它支持**word**和_word_的降价格式。

在div上的blur事件中，markdown转换为html。
在div上的focus事件中，html被转换为降价。

这是可以的。但是，当浏览器发现一个未知的单词（红色下划线），并且我想通过右键单击来修复它以查看建议的单词时，div将关注焦点并且不会加下划线。

你有想法吗？ （对不起我的英语）

Answer 1

使用oncontextmenu - 因为点击右键也可以通过CTRL/CMD实现+单击等

$('#content').on('contextmenu', function (event) { 
    event.preventDefault(); 

    console.log('context menu opened'); 
}) 

编辑调整根据您的意见反馈：

$('#content').on('mousedown', function (event) { 

    if (event.which == 3) { 
     console.log('Right mouse button pressed'); 
    } 
})