悬停链接需要双击

Posted 2023-03-11

【中文标题】悬停链接需要双击

【英文标题】：Link with hover need double click

【发布时间】：2018-05-04 12:42:54

【问题描述】：

我的网站上有一个苹果问题。 所有在 CSS 中具有“悬停”事件的按钮都需要双击它。 第一次点击触发“悬停”，第二次触发重定向

我想知道是否可以不触发“悬停”而是在第一次点击时重定向到链接。

我找到了这段代码，但是如果在按下链接的同时滚动，链接被触发，那么点击会非常敏感

var device = navigator.userAgent.toLowerCase();
var ios = device.match(/(iphone|ipod|ipad)/)
if (ios) 
   $('a').on('click touchend', function(e) 
       var el = $(this);
       var link = el.attr('href');
       window.location = link;
   );

【参考方案1】：

我不确定，但它可以在 CSS 中解决... 这是一个用户体验问题 检查：https://css-tricks.com/annoying-mobile-double-tap-link-issue/