当前位置: 首页 > 面试题库 >

iOS自动悬停修复程序?

巫煌
2023-03-14
问题内容

是否有一个jQuery插件或JavaScript脚本自动循环遍历每个CSS悬停(在外部样式表中找到)并将其与double touchdown事件绑定在一起?

  • 触地得分1-CSS:悬停被触发
  • 触地得分2-点击(链接关注或表单操作)

如果还没有这样的东西,可以制作出来,怎么做(指南)?

编辑:

需要明确的是,我不是要双击。触地1与触地2一样是一个选项卡。两者之间的间隔可以少于0秒,最多3分钟,这是用户的选择。

不要触碰:

  • :hover->元素变为可见
  • 单击->以下链接或其他操作

触摸(iOS):

  • 触地得分1->元素变为可见
  • 触地得分2->跟随链接或其他操作

问题答案:

尝试这个:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>iPad Experiment</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            if(navigator.platform == "iPad") {
                $("a").each(function() { // have to use an `each` here - either a jQuery `each` or a `for(...)` loop
                    var onClick; // this will be a function
                    var firstClick = function() {
                        onClick = secondClick;
                        return false;
                    };
                    var secondClick = function() {
                        onClick = firstClick;
                        return true;
                    };
                    onClick = firstClick;
                    $(this).click(function() {
                        return onClick();
                    });
                });
            }
        });
    </script>
    <style type="text/css">
        a:hover {
            color:white;
            background:#FF00FF;
        }
    </style>
<body>
    <a href="http://google.ca">Google</a>
    <a href="http://stackoverflow.com">stackoverflow.com</a>
</body>
</html>

…请注意,它的设置只能在iPad上发挥作用-检测所有版本的iOS是我的书中的另一个问题;)

它基于以下事实工作:

单击iphone或ipad上的链接后,它会留下模拟鼠标悬停,从而触发该链接上的a:hover
css样式。如果该链接具有使您保持在同一页面上的javascript处理程序,则在您单击另一个链接之前,悬停状态不会改变。



 类似资料:
  • 问题内容: 我想修复iOS上的悬停效果(更改为touch事件),但我没有任何想法。让我解释一下。您的页面中有文字: 搭配风格: 好吧,在dekstop中,如果将鼠标放在文本上,则会得到#ddd背景,对吗?但是在iOS中,如果您触摸文本,您什么也不会得到,但是如果您点击它,它将得到一个丑陋且粘滞的#ddd背景,这不是很好,我希望用户在触摸文本时获得悬停效果(我认为是诸如touchevent之类的东西

  • 我不知道像这样的s特性的确切名称是什么,但我将只是描述它。 我使用的是android studio,我从一个不同的项目中添加了一些java类。现在它说

  • 问题内容: 有时,我可以选择使用CSS元素:悬停或JavaScript onmouseover来控制页面上html元素的外观。考虑以下情况,其中div包装了输入 我希望输入将鼠标光标悬停在div上时更改背景色。CSS方法是 JavaScript方法是 每种方法的优点和缺点是什么?CSS方法是否适用于大多数Web浏览器?JavaScript比CSS慢吗? 问题答案: :hover的问题是IE6仅在链

  • 问题内容: 当您将鼠标悬停在某个元素上时,我会旋转它。悬停时,动画将停止。简单: 但是,当您将鼠标悬停时,动画会突然停止,恢复为0度。我想重新设置动画位置,但是在语法设计上遇到了一些麻烦。 任何输入都会很棒! 问题答案: 解决方案是在.elem中设置默认值。但是此动画可以与-moz一起正常使用,但尚未在-webkit中实现 它可以在Firefox上正常运行,但不能在Chrome上运行

  • 这是我的代码: null null 目前,动画似乎暂停悬停,但如果你取消悬停,你可以看到总是突然显示下一个div。所以它并不是真正的“暂停”,它只是停止然后显示下一个div。持续时间丢失。 怎么可能修复呢? 会非常感谢你的帮助!

  • 我正在将MWS提要API项目从Ant迁移到Maven。参见MWS馈送Maven端口。 在执行时,我总是遇到同样的错误,这对我来说毫无意义。 [错误]未能执行目标org.apache.maven.plugins:maven-javadoc-plugin:3.2.0:修复(default-cli)对项目amazon-mws-feeds-maven:执行default-cli的目标org.apache.