Javascript 鼠标悬停在触摸界面上

Javascript 鼠标悬停在触摸界面上,javascript,css,mouseover,Javascript,Css,Mouseover,我指的是安卓、ios等 虽然在这些界面上没有鼠标悬停的解决方案/替代方案,但我们如何在浏览这些界面时收集所有相关信息(例如从stack exchange收集的信息)?在SE情况下,当您想要获取标签信息时,它变得更加相关。但我的意思是,一般来说,对于任何网站 我们是否应该考虑用一种完全不同的方式来适应iPad上的信息缺乏? 已经有什么好的解决方法了吗?我不知道其他的方法,但是我为方便非视觉浏览器所做的是有一个按钮,当鼠标在上面时,它会显示一个工具提示,当点击或按下时,会显示一个与工具提示信息相同的

我指的是安卓、ios等

虽然在这些界面上没有鼠标悬停的解决方案/替代方案,但我们如何在浏览这些界面时收集所有相关信息(例如从stack exchange收集的信息)?在SE情况下,当您想要获取标签信息时,它变得更加相关。但我的意思是,一般来说,对于任何网站

我们是否应该考虑用一种完全不同的方式来适应iPad上的信息缺乏?


已经有什么好的解决方法了吗?

我不知道其他的方法,但是我为方便非视觉浏览器所做的是有一个按钮,当鼠标在上面时,它会显示一个工具提示,当点击或按下时,会显示一个与工具提示信息相同的消息框。请记住,“messagebox”并不一定意味着丑陋的警报框,它可以自定义。该警报允许屏幕阅读器等了解所提供的其他信息。

我使用jQuery创建一个click事件,该事件是普通鼠标悬停事件的替代事件,在本例中,在普通鼠标悬停事件的.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);
    }});

});

这里的想法是显示工具提示几秒钟,然后让它自然淡出。但一般来说,你需要做的就是让点击事件调用鼠标悬停事件,然后在完成后做一些事情来删除工具提示。

这可能是乔布斯不允许flash出现在硬件上的原因之一——无法在元素上“悬停”。这个标题让我毛骨悚然out@Cheese我想是“感动”对你的感觉您是指创建工具提示的元素还是工具提示本身?如果创建工具提示的元素已经可以单击,那么我想我没有完全理解最初的问题。如果你说的是在工具提示上有可点击的元素,那么在你完成使用之前,你不会让工具提示消失。这里最基本的一点就是你的点击事件调用了鼠标悬停事件,剩下的就是细节。我刚刚意识到你可能还想说你的元素在鼠标悬停上有一个工具提示,另一个功能完全在点击上,在这种情况下,我会将原始的单击事件移动到工具提示本身上发生的新单击事件。这可能是默认情况,或者在需要时再次使用jQuery添加此功能。如果您将标记悬停在上面,然后尝试在iphone上看到相同的内容,您将看到我的意思,就像我在问题中所说的那样。但是将单击移动到工具提示是一个不错的主意。甚至在工具提示打开后,让它再次单击元素本身。希望每个“触摸界面”都能处理jQuery!:)你也可以去看看。我一直想亲自调查一下。