当前位置：文江博客话题详情

鼠标悬停在触摸界面上

发布于 2024-10-21 08:24:48 字数 212 浏览 1 评论 0原文

我的意思是 android、ios 等。

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

我们是否应该考虑制作一种完全不同的样式来适应 ipad 上信息缺乏的情况？

对此是否已经有好的解决方案？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

_失温 2024-10-28 08:24:48

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

});

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

I'm using jQuery to create a click event that is an alternative to the normal mouseover event, In the example a tooltip is inserted after .tooltip on a normal mouseover event.

/**
 * 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);
    }});

});

The idea here is to show the tooltip for a few seconds and then have it fade naturally. But in general all you need to do is have the click event call the mouseover event and then do something to remove the tooltip when you are done with it.

回复收藏 0 原文