Angular 在浏览器DevTools中使用不需要的右键单击

我对网络开发比较陌生，目前正在开发一款Ionic/angular2混合移动应用程序。到目前为止，我在浏览器开发工具中使用得还不错

当我使用移动设备测试屏幕时，只要我单击/按住，浏览器就会注册右键单击。只有在“设备测试”视口内而不是在“设备”视图外单击并按住时，才会发生这种情况

因此，我认为这可能是应用程序代码中的一个问题，但出现的右键单击菜单是我电脑中的菜单，而不是移动设备上的二次点击。它发生在更新的firefox和chrome开发工具中，我找不到任何设置。我有一台macbook pro，并且已经调整了我所有的触控板/鼠标设置，但没有效果

这极大地阻碍了我的测试，因为我的应用程序中有一个按住功能，但我无法测试它，因为当右键单击被注册时，我的应用程序屏幕无法记录鼠标点击事件

这是我在这里问的第一个问题，所以请放松，哈哈，谢谢你的帮助

这是因为Chrome中有一个“功能”，当按下触摸光标时，它模拟上下文菜单（右键单击）。这是因为在大多数Android/iOS设备上，点击并按住会弹出复制/粘贴菜单

要禁用此行为，只需将其添加到web应用程序：

window.addEventListener('contextmenu', function(e) {
  e.preventDefault();
}, true);

这会在上下文菜单出现之前终止它