如何在叠加谷歌地图上停止触摸事件的传播

Question

你可以找到代码here。我尝试过全球和本地活动

event.preventDefault()
event.stopPropagation()
event.returnValue = false
event.cancelBubble = true;

上面的代码适用于鼠标点击事件，但触摸事件地图仍然接收点击事件。

Answer 1

您可以为touchend事件添加侦听器，以便可以停止此事件的传播：

  google.maps.event.addDomListener(div, "click", function(e) {
      console.log("over click");
      e.preventDefault();
      e.stopPropagation();
      clickOverlay();
  })

  google.maps.event.addDomListener(div, "touchend", function(e) {
      console.log("over touchend");
      e.preventDefault();
      e.stopPropagation();
      clickOverlay();
  })

这是你的小提琴更新：https://jsfiddle.net/beaver71/xx1ycd7L/