如何防止用户在网页中多次点击（同时用一根以上手指点击屏幕）？答案

【问题标题】：How do I prevent users to multi-tap (tap the screen with more than one finger at the same time) in a web page?如何防止用户在网页中多次点击（同时用一根以上手指点击屏幕）？
【发布时间】：2019-12-29 11:34:45
【问题描述】：

我创建了一个 JavaScript 页面来收集用户的点击/点击数据。但是，我不希望用户使用超过一根手指来点击屏幕。目前，我无法过滤掉那些多次点击。我想用一根以上的手指完全消除水龙头。我能做些什么？这是一个网页，我需要通过 JavaScript 来完成。

谢谢，

【问题讨论】：

标签： javascript touch touch-event multi-touch

【解决方案1】：

您可以检查事件侦听器中的touches 字段，以查看是否有多个触摸点是触摸事件的一部分。

document.addEventListener('touchstart', (ev) => {
  if (ev.touches.length > 1) {
    ev.preventDefault();
    ev.stopPropagation();
    document.body.style.background = 'red';
    return false;
  }
  document.body.style.background = 'green';
  return true;
});

【讨论】：