2012-03-26 91 views
7

爲了開發和調試手機和平板電腦應用程序,我希望能夠讓我的鼠標模擬touchstart,touchmove和touchend。是否有附加模塊或擴展模擬觸摸事件?

我發現兩種可能性:

幻肢 http://www.vodori.com/blog/phantom-limb.html (似乎不工作)

ChromeTouch https://chrome.google.com/webstore/detail/ncegfehgjifmmpnjaihnjpbpddjjebme (滾動頁面,但不會觸發觸摸事件)

有誰知道在桌面webkit瀏覽器中觸發觸摸事件的插件?

+0

這是一個很好的選擇,但在開發過程中模仿「touchmove」不起作用以及:HTTP: //stackoverflow.com/questions/9389968/jquery-touchstart-in-browser – SimplGy 2012-03-26 18:37:50

+1

在這裏回答:http://stackoverflow.com/a/10150177/89484你現在可以在Chrome DevTools中啓用觸摸事件模擬。 – 2012-04-19 23:03:09

+2

在開發工具設置面板中選擇**模擬觸摸事件**。 (要獲得設置,請單擊工具右下方的齒輪/齒輪圖標。) 然後,您可以使用鼠標模擬觸摸事件,併爲觸摸事件偵聽器功能設置斷點(在「腳本」面板中) – 2012-05-15 19:25:54

回答

2

我發現執行touchmove唯一的辦法就是做一些手工編碼是這樣的:

(function(){ 

var isDown = false 
, dragging 
; 

$('body').bind('mousedown', function(){ isDown = true; }); 
$('body').bind('mousemove', function(){ if(isDown) { dragging(); } });  
$('body').bind('touchmove', function(){ dragging(); }); 
$('body').bind('mouseup', function(){ isDown = false; }); 

dragging = function() { 
    console.log('content being drug'); 
} 

})(); 
+7

「內容爲藥物」+1 – 2013-01-08 06:27:58