Rileva touchpad vs mouse in Javascript

Question

C'è un modo per rilevare se il client utilizza un touchpad rispetto a un mouse con Javascript?

O almeno per ottenere una stima ragionevole del numero di utenti che utilizzano i touchpad rispetto ai mouse?

Answer 1

Nel caso generale, non c'è modo di fare quello che vuoi. ActiveX potrebbe consentire di vedere ed esaminare i dispositivi USB, ma nel migliore dei casi, anche se ciò è in qualche modo possibile, che limita gli utenti di IE. Oltre a questo, non c'è modo di sapere.

Si potrebbe essere in grado di distinguere i motivi in ​​come (o quanto spesso) un utente del touchpad sposta il cursore rispetto a come un utente del mouse potrebbe spostare il cursore. Differenziare tra dispositivi di input fisici in questo modo è una prospettiva assurdamente difficile, e potrebbe essere del tutto impossibile, quindi includo qui solo per completezza.

Answer 2

È possibile rilevare eventi JS.

Un dispositivo touch genera eventi touch come touchstart oltre agli eventi del mouse.

Un dispositivo non a tocco attiva solo gli eventi del mouse.

Answer 3

questo dovrebbe funzionare:

if ("ontouchstart" in window) ... 

Answer 4

Questo argomento può essere già risolto, ma la risposta è stata non c'è modo di rilevarla. Beh, avevo bisogno di trovare una soluzione, era molto importante. Così ho trovato una soluzione accettabile per questo problema:

var scrolling = false; 
var oldTime = 0; 
var newTime = 0; 
var isTouchPad; 
var eventCount = 0; 
var eventCountStart; 

var mouseHandle = function (evt) { 
    var isTouchPadDefined = isTouchPad || typeof isTouchPad !== "undefined"; 
    console.log(isTouchPadDefined); 
    if (!isTouchPadDefined) { 
     if (eventCount === 0) { 
      eventCountStart = new Date().getTime(); 
     } 

     eventCount++; 

     if (new Date().getTime() - eventCountStart > 100) { 
       if (eventCount > 10) { 
        isTouchPad = true; 
       } else { 
        isTouchPad = false; 
       } 
      isTouchPadDefined = true; 
     } 
    } 

    if (isTouchPadDefined) { 
     // here you can do what you want 
     // i just wanted the direction, for swiping, so i have to prevent 
     // the multiple event calls to trigger multiple unwanted actions (trackpad) 
     if (!evt) evt = event; 
     var direction = (evt.detail<0 || evt.wheelDelta>0) ? 1 : -1; 

     if (isTouchPad) { 
      newTime = new Date().getTime(); 

      if (!scrolling && newTime-oldTime > 550) { 
       scrolling = true; 
       if (direction < 0) { 
        // swipe down 
       } else { 
        // swipe up 
       } 
       setTimeout(function() {oldTime = new Date().getTime();scrolling = false}, 500); 
      } 
     } else { 
      if (direction < 0) { 
       // swipe down 
      } else { 
       // swipe up 
      } 
     } 
    } 
} 

e registrazione degli eventi:

document.addEventListener("mousewheel", mouseHandle, false); 
document.addEventListener("DOMMouseScroll", mouseHandle, false); 

Può bisogno di qualche ottimizzazione ed è forse meno che perfetto, ma funziona! Almeno può rilevare un trackpad del MacBook. Ma a causa del design direi che dovrebbe funzionare ovunque il pad introduca molte chiamate di eventi.

Ecco come funziona:

Quando i primi utente scorre, rileverà e verificare che in 50 ms, non più di 5 eventi ricevuti innescati, che è abbastanza inusuale per un normale mouse, ma non per un trackpad .

Poi c'è la parte else, che non è importante per il rilevamento, ma piuttosto un trucco per chiamare una funzione come quando un utente fa scorrere. Per favore, vieni da me se non sono stato abbastanza chiaro, è stato molto complicato farlo funzionare, ed è ovviamente una soluzione alternativa non ideale.

Modifica: Ho ottimizzato il codice ora il più possibile. Rileva il mouseroll alla seconda volta e passa rapidamente sul trackpad. Rimosso anche un sacco di codice ripetuto e non necessario.

Modifica 2 Ho modificato i numeri per il controllo orario e il numero di eventi chiamati da 50 a 100 e da 5 a 10 rispettivamente. Questo dovrebbe produrre un rilevamento più accurato.

Answer 5

È possibile verificare la corretta funzionalità dei software del driver di periferica installati nel pacchetto locale. Come in windows synaptics, l'hardware elan, come per UNIX (Linux), è sufficiente verificare il pacchetto installato durante l'installazione di base.Molti pacchetti sono disponibili in diversi formati in diverse versioni di sistemi Linux e Linux (non interamente Linux) ma usano lo stesso nome di pacchetto per tutti. Devo solo sapere il codice per tirarlo. Ci sto ancora lavorando.