Eventi per Mobile (es. Trascinare un div dopo averlo cliccato)

[Igreo]

Sto avendo problemi con il sistema Touch Screen dei mobile per quello che avevo fatto per i normali browser.
Ad esempio, cambio colore di una TD con onclick e se mi sposto onmousedown (cioè tengo premuto onclick) su un'altra TD anche quest'ultima cambia colore; questo si ripete fino a quando onmouseup.
Ma appunto non capisco come funziona il sistema Touch Screen e vorrei saperne di più (quali eventi mantiene e quali vanno gestiti diversamente).

Grazie infinite!

[Igreo]

Ho trovato gli eventi Javascript per gli eventi Touch http://www.w3.org/TR/touch-events/
Come posso implementarli?

Cioè ad esempio posso fare:

<div onmouseover="etc" onclick="etc" ontouchstart="etc">...</div>

La domanda è: quali sono i modi corretti per non far entrare in conflitto onclick con ontouch, etc.?

Grazie infinite!

[cavicchiandrea]

Ho trovato gli eventi Javascript per gli eventi Touch http://www.w3.org/TR/touch-events/
Come posso implementarli?

Cioè ad esempio posso fare:

<div onmouseover="etc" onclick="etc" ontouchstart="etc">...</div>

La domanda è: quali sono i modi corretti per non far entrare in conflitto onclick con ontouch, etc.?

Grazie infinite!

Di norma si cerca di tenerli separati e per questo motivo che si fanno siti per applicativi mobili e per desktop distinti.
Principalmente i problemi li avresti quando il sito sarebbe visitato da dispositivi mobili perché supporta entrambi gli eventi, ma in futuro anche i desktop supporteranno maggiormente il touch

[Igreo]

Vorrei apporfondire..
onclick = ontouchstart
onmouseover = ontouchmove
onmouseup = ontouchend / ontouchcancel

Se questo sopra è giusto (cmq mi piacerebbe saperne di più), cosa i mobile supportano come i desktop e viceversa?
Oltremodo cosa ho omesso o potrei fare (oltre a generare pagine diverse mobile/desktop, che non escludo di fare nel futuro)?

Grazie ancora!

[cavicchiandrea]

Non so dare risposte alle tue domande, se non trovi guide qui su html o in rete che possono aiutarti, orientati su dei libri (sempre che ci siano) l'unica cosa che ho notato e che si tende a separare siti per mobile siti per desktop ma non so dirti se per un concetto tecnico eventi che vanno in conflitto (come in questo caso) o se puramente commerciale vendo due siti invece di uno.
A te onore di capirlo auguri.

[Igreo]

Questa è la miglior guida al momento:
http://www.javascriptkit.com/javatut...chevents.shtml

E guardando il codice sorgente rende tutto crossbrowser in questa maniera:
fa un controllo se è possibile effettuare il touch

var detecttouch = !!('ontouchstart' in window) || !!('ontouchstart' in document.documentElement) || !!window.ontouchstart || !!window.Touch || !!window.onmsgesturechange || (window.DocumentTouch && window.document instanceof window.DocumentTouch)

quindi riscrive, inserendo sugl'elementi, gli eventi elemento.addEventListener in base a detecttouch:
touchstart o mousedown
touchmove o mousemove
touchend o mouseup

...