How to stopPropagation of touch event on overlay GoogleMap

Question

You can find out code here. I tried with global & local event both

event.preventDefault()
event.stopPropagation()
event.returnValue = false
event.cancelBubbl         


        

Answer 1

You can add a listener to touchend event, so you can stop the propagation of this event:

  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();
  })

Here is your fiddle updated: https://jsfiddle.net/beaver71/xx1ycd7L/