1

ユーザーがマウスをさまざまなマップエリアアイテムの上/外に移動すると、エリアマップ画像の横に画像を表示/非表示にするエリアマップがあります。また、マップ エリア アイテムのクリックをキャプチャし、いくつかの機能を実行します。ここで、マウス (つまり指) のないデバイスのユーザーに対してこれを機能させたいと考えています。

マウスオーバー/アウト/クリック用のコードは次のとおりです。

$('area[id^="maparea"]').mouseover(function () {
    // show image associated with this map area item
});
$('area[id^="maparea"]').mouseout(function () {
// hide image associated with this map area item
});
$('area[id^="maparea"]').click(function () {
    // select the image associated with the map area item
});

タッチ イベントで同様の機能を使用するにはどうすればよいですか?

クリック イベントは引き続き機能するはずです。私が興味を持っているのは、(指を離さずに) エリア マップ内で指を動かすと、画像が動的に変化することです。

前もって感謝します。

4

1 に答える 1

1

touch次のような特定のライブラリを使用する必要があります

http://danielglyde.blogspot.co.uk/2012/08/touchit-jquery-plugin-for-touch-events.html

于 2012-11-17T18:19:54.547 に答える