Ho una griglia di caselle con cui un utente interagisce su un sito web. Se fanno clic su una casella, cambia colore. Ci sono un sacco di scatole e mi piacerebbe che fosse meno noioso, quindi sarebbe bello avere la funzionalità: se il pulsante del mouse è premuto e si passa il mouse sulla casella, cambia stato. qualche idea?Controllare se il pulsante del mouse è premuto mentre si è in bilico?
risposta
È possibile utilizzare la proprietà buttons
dell'evento passato al callback al passaggio del mouse per controllare quali pulsanti del mouse sono stati premuti quando è stato attivato l'evento.
Ad esempio, per rilevare se il tasto sinistro è stato premuto quando un elemento è inserito con il mouse, è possibile utilizzare:
myElement.addEventListener("mouseover", function(e){
if(e.buttons == 1 || e.buttons == 3){
//do some stuff
}
})
Ecco una dimostrazione di questa idea: http://jsfiddle.net/Ah6pw/
Tenere premuto il tasto sinistro del mouse e muovi il mouse tra le varie voci dell'elenco.
Vedere eventi onmousedown & onmouseup.
Ho trovato qualcosa di simile. Cliccando gli oggetti in un po 'di spazio e poi poca interazione. http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html (cercare l'ispirazione nel codice)
anche questi collegamenti potrebbero essere utile per voi
- 1. Come verificare se il mouse si muove, mentre il pulsante sinistro del mouse è premuto, C#
- 2. Qt come controllare quale tasto del mouse è premuto
- 3. Come rilevare il movimento del mouse mentre si tiene premuto il pulsante sinistro?
- 4. Rileva se il pulsante del mouse è già stato premuto prima che venga visualizzato il modulo
- 5. Controllare se è stato premuto il tasto Indietro in Android?
- 6. E 'possibile controllare se il pulsante di blocco maiusc è attivo mentre si digita il modulo?
- 7. Chrome non si applica css stile hover quando il pulsante sinistro del mouse è premuto
- 8. Android: pulsante Indietro premuto mentre AsyncTask è in esecuzione
- 9. jQuery click event - Come sapere se il mouse è stato premuto o il tasto Invio è stato premuto?
- 10. Come avviare il thread se il pulsante è premuto e interromperlo se viene premuto di nuovo?
- 11. C# Verifica se il pulsante è stato premuto
- 12. Verificare se il mouse è con una dichiarazione if?
- 13. JQUERY se non si passa il mouse
- 14. Mentre in bilico su un'etichetta, puntatore del mouse a portata di mano
- 15. Il tasto 'Ctrl' è premuto?
- 16. Vedere se il pulsante sinistro del mouse viene tenuto premuto nell'evento OnMouseMove
- 17. Mouse Java premuto - senza eventi
- 18. Come rilevare il movimento del mouse sul nodo mentre si preme il pulsante?
- 19. controllare se un pulsante di opzione è selezionata jQuery
- 20. Evento di callback Mousemove non mostra quale pulsante del mouse è premuto safari
- 21. Controllare se il mouse si trova all'interno div
- 22. menu jquery in bilico
- 23. Mouse non si attiva quando il mouse è inattivo
- 24. C# mouseleave e mouseenter event non si attivano se si fa clic sul pulsante del mouse
- 25. Come sapere quale pulsante è stato premuto?
- 26. Come identificare se ho premuto il pulsante Indietro in IE?
- 27. Controllare se il cursore è madre di elemento all'interno
- 28. jQuery: Controlla se il pulsante è selezionato
- 29. setResult non funziona quando il pulsante BACK è premuto
- 30. Determina quale pulsante è stato premuto in Tkinter?
Ci sono alcune buone risposte qui: http://stackoverflow.com/questions/2349764/jquery-is-mousedown-on-mouseover – MattDiamant