2017-01-02 51 views
0

我有一個我設計用於在手機和PC上使用的網頁。部分用戶界面是一個表格,通過鼠標拖動鼠標(使用來自Js的mousedown事件),可以輕鬆地標記相鄰單元格的多個單元格。然而,在我的智能手機上,當我拖過單元格時,瀏覽器會嘗試滾動窗口。我看了整個上午,無法找到我正在尋找的答案。我怎樣才能使觸摸拖動行爲就像我的網頁上的鼠標拖動。在移動設備瀏覽器上獲取鼠標般的行爲

更新: 我在我的表的每個單元格中有onmouseover和onmouseclick事件觸發函數,如果鼠標關閉,函數增加一個變量,並且當鼠標向上時它減少它。所以當一個單元格上按下鼠標按鈕時會發生一個動作。下面是如何製作表格的單元格。下面是功能鮑勃和鮑勃2。

{echo '<td width="8" onttouchmove="bob(id)" ontouchstart="bob2(id)" onmouseover="bob(id)" onmousedown="bob2(id)" id='.$key.'>'.$value.'</td>';} 

<script> 
document.body.onmousedown = function(){ 
         mouseDown++; 
     } 

function bob(clicked_id) 
     { 
     if (mouseDown) 
     { THEN DO SOMETHING } 
function bob2(clicked_id) 
     {DO SOMETHING} 

</script> 

我覺得jQuery的刷卡事件是我想要的,但我「米不知道我怎麼會表在安裝過程中實現它。

回答

0

手機和平板電腦不使用鼠標,從而你的鼠標事件不是也不會被觸發,你需要使用touchstarttouchend來代替

+0

只有部分工作,只有在最大縮小時,所以沒有滾動。是否有事件來檢測觸摸輸入像'onmouseover'這樣的元素? – jeffpkamp

相關問題