在移动设备上模拟鼠标事件的 jQuery 触摸事件

Question

我有一个区域图，当用户将鼠标移到/移出不同的地图区域项目时，我会在区域图图像旁边显示/隐藏一个图像。我还捕获了对地图区域项目的点击并执行了一些功能。现在，我想在没有鼠标（即手指）的设备上为用户提供这项工作。

鼠标悬停/移出/点击的代码是：

$('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
});

我怎样才能拥有与触摸事件类似的功能？

点击事件应该继续按原样工作。当您在我感兴趣的区域地图上移动手指（不抬起手指）时，图像会发生动态变化。

提前致谢。

Answer 1

您需要使用特定的touch 库，例如

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