如何避免在点击触摸设备上的html元素时点击较低的html元素？

Question

我正在为使用html和jQuery的android，windows和iPhone设备制作跨平台的移动网站。

问题是当我点击一个高于另一个元素的元素时，点击事件也在下面的元素上触发。

我有一个自定义的弹出窗口，它在页面中心打开，并且有一个按钮正好在按钮下面，在页面上也有一个按钮，带有单击事件。

所以在点击弹出按钮时，事件也会在弹出下面的按钮上触发。

如何防止触摸设备上发生这种事件。

当我选择或点击选项，然后下面的按钮的点击事件被激发时，下拉的情况也是如此。

Answer 1

你应该使用event.stoppropagation()：

$('your-element').on('click', function(e){ 
    e.stopPropagation(); 
    // other stuff here 
}) 

这应该解决您的问题。