Javascript滑動事件，同時保持瀏覽器捏合功能

Question

我期待利用移動web應用程序（Android和iOS）上的滑動事件，但我還需要瀏覽器本機捏放大功能以保持原位。

我已經嘗試過使用各種觸摸事件庫，如Hammer.js，但都似乎放棄了移動Safari的捏縮放功能，當處理滑動。保持垂直滾動也是很好的。

基本上，我正在尋找一種方法來識別左/右方向滑動，只有這樣。有任何想法嗎？

Answer 1

我在最近的一個項目中使用了類似的功能。爲了讓縮放功能可以正常工作，只需確保在視口標籤中正確指定了值即可。

<meta name=viewport content="width=device-width,user-scalable=yes,initial-scale=1.0, maximum-scale=2.0"/> 

最重要的值是用戶可擴展= YES，並且還因爲該最大比例必須大於1.0，以允許縮放。

你可以找到關於視這裏的更多信息：https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

對於可以綁定swipeleft和swiperight事件在jQuery Mobile的一個。對（）函數的刷卡事件。

這裏是你的代碼應該是什麼樣子的例子：

$('#yourElement').on('swipeleft swiperight', function (event) { 
    //swiped to the left 
    if (event.type == "swipeleft") { 
     //do something 
    } 
    //swiped to the right 
    if (event.type == "swiperight") { 
     //do something 
    } 
}); 

有關jQuery Mobile的事件的更多信息，你可以看看這個鏈接（或以上，因爲它們基本上是相同的提供的鏈接m_gol） ：

http://jquerymobile.com/demos/1.1.1/docs/api/events.html

使用上面的兩套代碼，你將能夠探測到滑動事件，以及捏縮放頁面。