jQuery touch事件來模擬移動設備上的鼠標事件

我有一個區域地圖，當用戶將鼠標移到/移出不同的地圖區域項目時，我會在區域地圖圖像旁邊顯示/隱藏圖像。我還捕獲地圖區域項目上的點擊並執行一些功能。現在，我想爲沒有鼠標（即手指）的設備上的用戶完成這項工作。jQuery touch事件來模擬移動設備上的鼠標事件

我對鼠標輸入/輸出/點擊的代碼是：

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

我怎麼能與觸摸事件類似的功能？

click事件應該繼續按原樣運行。這是圖像的動態變化，因爲您在我感興趣的區域地圖上移動手指（不用擡起手指）。

在此先感謝。

來源

2012-11-17 Ed Sinek