如何精確控制瀏覽器中的觸摸事件

Question

我正在編寫一個移動網頁。我想了解如何精確控制觸摸事件。當觸摸事件開始並結束於元素之上時，我可以做類似的事情，但管理髮生在其間的事情似乎很困難。

我希望有一個簡單的按鈕，：

• 開始與類A，
• 上touchstart，得到一個不同的B類（一個 「hoverstate」），
• 當觸摸事件結束在被點擊的元素，它得到一個不同的類C，
• 當觸摸事件在最初點擊的元素結束不，恢復到原來的A級，
• 當觸摸事件停止在元素上（但尚未結束）時，元素將恢復到A級，並且如果觸摸事件停止在元素上方，但是返回處於結束狀態，則元素將恢復到A級並且
• 再次元素（都是一樣的觸摸事件 - 即沒有touchend或touchcancel還），然後回到B類再次

此外，我想使（該hoverstate）確認：

• 在一個按鈕上啓動的點擊事件確實是不與其他按鈕類干擾
• ，如果有申報單內按鈕（可以說一個文本範圍），它們不與任何國家的干擾
• 理想我可以批量做到這一點（即$（'。everyButton'）。）（'whatever'，....））

我正在使用jQuery，但任何東西都會有所幫助。這看起來應該很容易，但我一直在艱難的時間讓它做我想做的事情。任何人都有一個好的設計呢？

Answer 1

你應該看看hammer.js http://eightmedia.github.io/hammer.js/也許這就是你需要的。

Answer 2

由於沒有觸摸庫似乎提供這個，我創建了一個：https://github.com/fresheneesz/touchjs。自述頁面中沒有任何文檔 - 目前它的全部內容都在源代碼中。我很快就會在自述文件中提供信息。