将鼠标悬停在触摸界面上

Question

我的意思是android，ios等。

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

我们是否应该考虑采用完全不同的风格来适应ipads上特定的缺乏信息？

对此已有任何好的解决方案吗？

Answer 1

我不知道其他方法，但我为促进非可视化浏览器所做的是有一个按钮，当鼠标结束时显示工具提示，单击或按下时显示一个消息框，其信息与提示。请记住，“messagebox”并不一定意味着它可以自定义的丑陋警报框。作为警报的想法允许屏幕阅读器等了解所提供的附加信息。

Answer 2

我正在使用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);
    }});

});

这里的想法是显示工具提示几秒钟然后让它自然消失。但总的来说，您需要做的就是让click事件调用mouseover事件，然后在完成后删除工具提示。