0

我试图弄清楚如何使用 touchmove 事件在 iOS 上模拟悬停/鼠标输入功能。

我想在 iOS 上复制 BigGraph 悬停效果。如果你不熟悉它，链接在下面。请注意，当您将鼠标悬停在正方形上时，它们会展开，然后在移除悬停时折叠。

http://isotope.metafizzy.co/custom-layout-modes/big-graph.html

在 BigGraph 中，您会注意到悬停行为，我试图在触摸设备上复制它。我正在努力想办法让你的手指在屏幕上移动并让框展开。由于不支持悬停，我认为触摸移动是一种选择。

我已经能够使用 touchstart 和 touchend 事件扩展项目，但似乎 touchmove 无法捕获您悬停的 DIV，因此我无法捕获项目来扩展它。

下面是一个简单的片段，任何想法将不胜感激。谢谢

$(".item").bind("touchstart", function(e){
    log("touch start");
    $(e.currentTarget).find('.icon').css("background-color", "red");
    e.preventDefault();
});

$(".item").bind("touchend", function(e){
    log("touch end");
});

.big-graph .item:hover .icon {
  -webkit-transform: scale(2);
     -moz-transform: scale(3);
      -ms-transform: scale(3);
       -o-transform: scale(3);
          transform: scale(3);
}
4

2 回答 2

0

我不确定你想用 touchmove 捕捉什么。但是要模拟盒子展开和折叠的悬停

$('.item').bind('touchstart', function() {
    // expand box
});

$('.item').bind('touchend', function() {
    // collapse
});

我认为你根本不需要 touchmove，除非我遗漏了什么。也许有一种你想要但没有明确提及的行为？

于 2012-05-18T13:16:47.887 回答
0

我不是 iOS 程序员，但你能以某种方式使用多点触控功能吗？例如，单指触摸是“点击”；2 指触摸是“悬停”。或切换按钮（单击/悬停）。

于 2012-05-29T19:12:28.720 回答