移动端需要点击两下才能触发click事件,通常是因为移动浏览器会先检测是否存在hover事件,如果存在,则第一次点击会触发hover事件,第二次点击才会触发click事件。这是因为移动设备没有鼠标,无法进行hover操作,为了兼容PC端的hover效果,移动浏览器在处理click事件时会先检测是否存在hover事件。
如果您的div绑定了hover事件,可能会导致移动端需要点击两次才能触发click事件。您可以尝试在CSS中添加以下代码来禁用hover效果:
@media (hover: none) {
div:hover {
pointer-events: none; /* 禁用 hover 效果 */
}
}
这样可以在移动端禁用hover效果,从而避免点击两次才能触发click事件的问题。
0 个评论