如何在移动设备上触发Mousedown / Mouseup触发？

Question

我正在为我的朋友创建一个网站 ，以允许他们玩Hashiwokakero的更高质量的在线实施。

他们中的一些人拥有平板电脑，并且网站上的所有内容都加载得很好，但是当他们触摸并拖动以形成从一个岛到另一个岛的桥梁时，网页将尝试滚动（即使没有可滚动区域！）。

目前，我正在使用以下方法检测鼠标事件：

this.canvas.addEventListener('mousedown', 
    (mouseEvent) => this.mousePressed(mouseEvent), false);

this.canvas.addEventListener('mouseup', 
    (mouseEvent) => this.mouseReleased(mouseEvent), false);

我可以通过简单的方法在移动设备上调用mousePressed（）和mouseReleased（）函数吗？

谢谢！

Answer 1

触摸屏的类似事件将是touchstart和touchend ，它们与台式机的mousedown和mouseup事件完全相同。 从文档：

当一个或多个触摸点放置在触摸表面上时，将触发touchstart事件。

和

当从触摸表面移除一个或多个触摸点时，将触发touchend事件。

您可以检查文档以获取有关触摸事件的更多信息。

我也猜想可能是您还需要阻止某些事件冒泡，如果是这样，您可以查看事件冒泡和event.stopPropagation()来防止它们冒泡。

如果mousedown / touchstart和mouseup / touchend事件的逻辑应该相同，则可以按此处所述将多个事件绑定到侦听器。