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

Question

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

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

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

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

如何在触控设备上防止此类事件。

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

Answer 1

你应该使用event.stoppropagation()：

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

那应该可以解决您的问题。