Question

我对网络开发相对较新，目前正在构建一个Ionic / angular2混合移动应用程序。到目前为止，我已经在浏览器中使用了devtools。

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

正因为如此，我认为它可能是应用程序代码中的问题，但出现的右键菜单是来自我的计算机的那个，而不是移动设备上的二次点击。它发生在更新的firefox和chrome devtools中，我找不到任何设置。我有一个macbook pro并调整了我的所有触控板/鼠标设置无济于事。

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

这是我在这里提出的第一个问题所以请轻松一下，哈哈，谢谢你的帮助！

Answer 1

这是由于 Chrome 中的一项“功能”可以在按住触摸光标时模拟上下文菜单（右键单击）。这是因为在大多数 Android/iOS 设备上，点击并按住会显示复制/粘贴菜单。

要禁用此行为，只需将其添加到您的网络应用程序：

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

这会在上下文菜单出现之前杀死它。