javascript - 鼠标悬停在触摸界面上

Question

我指的是android、ios等

虽然鼠标悬停在这些界面上没有解决方案/替代方案，但我们如何在浏览它们时收集所有这些相关信息，例如来自堆栈交换的信息？在 SE 案例中，当您想获取标签信息时，它变得更加相关。但我的意思是一般来说，对于任何网站。

我们是否应该考虑制作一种完全不同的风格来适应 ipad 上这种特定的信息缺乏？

有没有好的解决方案？

Answer 1

我正在使用 jQuery 创建一个点击事件，它是普通鼠标悬停事件的替代方法，在示例中，在普通鼠标悬停事件的 .tooltip 之后插入了一个工具提示。

/**
 * when tooltipss are clicked trigger their mouseover event then fade the tooltip
 * (this is friendly to touch interfaces)
 */
$('.tooltip').click(function(){

    $(this).mouseover();

    // after a slight 2 second fade, fade out the tooltip for 1 second
    $(this).next().animate({opacity: 0.9},{duration: 2000, complete: function(){
        $(this).fadeOut(1000);
    }});

});

这里的想法是显示工具提示几秒钟，然后让它自然消失。但一般来说，您需要做的就是让点击事件调用鼠标悬停事件，然后在完成后执行一些操作以删除工具提示。