如何在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'); 
    } 
})