我正在使用 html 和 jQuery 为 android、windows 和 iPhone 设备制作跨平台移动网站。
问题是当我点击另一个元素上方的元素时,点击事件也会在下面的元素上触发。
我有一个自定义弹出窗口,它在页面中央打开,按钮正下方有一个按钮,页面上还有一个带有点击事件的按钮。
因此,在单击弹出窗口上的按钮时,事件也会在弹出窗口下方的按钮上触发。
如何在触控设备上防止此类事件。
当我选择或单击选项时,下拉菜单的情况也是如此,然后下方按钮的单击事件被触发。
最佳答案
你应该使用event.stoppropagation() :
$('your-element').on('click', function(e){
e.stopPropagation();
// other stuff here
})
这应该可以解决您的问题。
关于android - 在触摸设备上单击其上方的 html 元素时,如何避免单击下方的 html 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17608181/