Mouse like Verhalten auf dem mobilen Gerät Webbrowser

Question

Ich habe eine Webseite, die ich sowohl für die Verwendung auf meinem Telefon und einem PC entwickelt. Ein Teil der Benutzeroberfläche ist eine Tabelle, in der mehrere benachbarte Zellen markiert werden können, indem eine Maus mit gedrückter Maustaste über sie gezogen wird (mithilfe des Mousedown-Ereignisses von Js). Auf meinem Smartphone versucht der Browser jedoch, durch das Fenster zu blättern, wenn ich über die Zellen wechsle. Ich habe den ganzen Morgen nachgeschaut und finde nicht die Antwort, nach der ich suche. Wie kann ich den Touch Drag so verhalten, wie die Maus auf meiner Webseite ziehen?

UPDATE: Ich habe in jeder Zelle meiner Tabelle onmouseover und onmouseclick Ereignisse, die Funktionen auslösen, wenn die Maus nicht aktiv ist, erhöht eine Funktion eine Variable, und wenn die Maus oben ist, verringert es. Wenn also eine Maustaste über eine Zelle gedrückt wird, tritt eine Aktion auf. Im Folgenden sehen Sie, wie eine Zelle der Tabelle erstellt wird. Darunter befinden sich die Funktionen bob und bob2.

{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> 

Ich mag die jquery Swipe Veranstaltung fühlen, was ich will, aber ich "bin nicht sicher, wie ich es während der Tabelle Setup implementieren würde.

Answer 1

Mobiltelefone und Tablets keine Maus verwenden, so Ihre Mausereignisse sind nicht und werden nicht feuern. Sie müssen touchstart und touchend stattdessen verwenden.