0

touchmove イベントを使用して、iOS で hover/mouseenter 機能をシミュレートする方法を見つけようとしています。

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プログラマーではありませんが、マルチタッチ機能を何らかの方法で使用できますか?たとえば、1本指のタッチは「クリック」です。2本指タッチは「ホバー」です。またはトグルボタン(クリック/ホバー)。

于 2012-05-29T19:12:28.720 に答える