Javascript Chrome扩展中未出现弹出菜单

我试图在用户右键单击按钮时显示弹出菜单

CSS:

在popup.HTML的HTML正文中（标记为Chrome扩展）：

---

右键单击正在工作，但弹出菜单未出现。我将“contextMenus”放在清单的权限中。

您为什么这样写

getEltById

是一个非现有方法

getEltById（'mybutton'）。addEventListener（'click'，tryIt）；
getEltById（'mybutton'）。addEventListener（'contextmenu'，tryIt）；

正确的书写方法是：

document.getElementById（'mybutton'）。addEventListener（'click'，tryIt）；
document.getElementById（'mybutton'）。addEventListener（'contextmenu'，tryIt）；

对不起，getEltById只是我编写的一个快捷函数。无论如何，我把它从我的问题中删除了。

#popup-menu {
  position: relative;
  display: inline-block;
  visibility: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.show {
  visibility: visible;
}

<button id="mybutton" type="button">Right Click Me!</button>
<div id="popup-menu">
    <table>
        <thead></thead>
        <tbody>
            <tr>
                <td><img id="test1" src="images/image1.png"></td>
                <td>Test Item 1</td>
            </tr>
            <tr>
                <td><img id="test2" src="images/image2.png"></td>
                <td>Test Item 2</td>
            </tr>
        </tbody>
    </table>
</div>

function tryIt(e) {
  e.preventDefault();
  if (e.which == 3) {
    var popup = document.getElementById('popup-menu');
    popup.classList.toggle('show');
  } else alert('Something else');
}
document.getElementById('mybutton').addEventListener('click', tryIt);
document.getElementById('mybutton').addEventListener('contextmenu', tryIt);