contentEditable = true 인 div에 대한 오른쪽 클릭 이벤트를 올바르게 캡처하려면 어떻게합니까?

Question

div가 contentEditable=true입니다. **word** 및 _word_에 대한 태그 다운 형식을 지원합니다.

div의 blur 이벤트에서 markdown은 html로 변환됩니다.
div의 focus 이벤트에서 html이 markdown으로 변환됩니다.

괜찮습니다. 그러나 브라우저에서 알 수없는 단어 (빨간색 밑줄)를 발견하고 마우스 오른쪽 버튼을 클릭하여 제안 단어를 확인하려고하면 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'); 
    } 
})