質問: Chrome App を作成しているのですが、Chrome Dev Editorのようにマウスの右クリックでメニューを表示するような処理をしたいです。 右クリックを検知するにはどのようなイベントハンドリングをすれば良いのでしょうか?
回答: 自分で調べていて見つけた別解ですが、contextmenuイベントを処理することで実装できました。 ``` var elem = document.querySelector('#targetElement'); elem.addEventListener('contextmenu', function(e) { // ブラウザーのデフォルトの右クリックの挙動を阻止する e.preventDefault(); // コンテキストメニューのUIを表すDOM要素をマウスの位置に表示する var contextMenu = document.querySelector('#myContextMenu'); contextMenu.classList.remove('hidden'); contextMenu.style.left = e.x + 'px'; contextMenu.style.top = e.y + 'px'; }); ```