ユーザーがマウスをさまざまなマップエリアアイテムの上/外に移動すると、エリアマップ画像の横に画像を表示/非表示にするエリアマップがあります。また、マップ エリア アイテムのクリックをキャプチャし、いくつかの機能を実行します。ここで、マウス (つまり指) のないデバイスのユーザーに対してこれを機能させたいと考えています。
マウスオーバー/アウト/クリック用のコードは次のとおりです。
$('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
});
タッチ イベントで同様の機能を使用するにはどうすればよいですか?
クリック イベントは引き続き機能するはずです。私が興味を持っているのは、(指を離さずに) エリア マップ内で指を動かすと、画像が動的に変化することです。
前もって感謝します。