iOS自动悬停修复程序？

小编典典

iOS自动悬停修复程序？

css

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

触地得分1-CSS：悬停被触发
触地得分2-点击（链接关注或表单操作）

如果还没有这样的东西，可以制作出来，怎么做（指南）？

编辑：

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

不要触碰：

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

触摸（iOS）：

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

阅读 286

2020-05-16

共1个答案

小编典典

尝试这个：

<!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处理程序，则在您单击另一个链接之前，悬停状态不会改变。

2020-05-16