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

Question

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

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

我有一个自定义弹出窗口，它在页面中心打开，按钮正好位于按钮下方，页面上还有一个带有点击事件的按钮。

因此，点击弹出窗口上的按钮，该事件也会在弹出窗口下方的按钮上触发。

如何在Touch设备上阻止此类事件。

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

Answer 1

你应该使用event.stoppropagation()：

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

这应该可以解决你的问题。