Che differenza tra .click e .change su una casella di controllo

Question

Mi stavo guardando in giro per aggiungere un evento a una casella di controllo e avrei pensato che la gente avrebbe usato .change per impostare un evento di modifica ma invece ho scoperto che le persone stanno usando .click

C'è una ragione per questo? Entrambi sembrano funzionare bene sia con eventi cliccati che con modifiche alla tastiera. Mi sto perdendo qualcosa?

Se non mi credete, allora try it out yourself

Answer 1

onchange in IE solo incendi quando la casella di controllo perde lo stato attivo. Quindi, se si attiva una scheda, colpisci spazio alcune volte, a schede, riceverai solo un evento onchange, ma diversi eventi onclick.

Nota: questo è uno dei tempi molto, molto, molto rari in cui il comportamento di IE è corretto (secondo le specifiche) e altri browser sono errati.

Answer 2

.change non funziona correttamente per almeno alcuni browser popolari in relazione alle modifiche dei tasti (l'utente che seleziona l'opzione con i tasti freccia su/giù), ma poi .click non lo supera. A volte l'uso di keyup o keydown o qualcosa è usato in congiunzione con .change per superare questo problema, tuttavia inizia a diventare un po 'disordinato quando la scheda dell'utente del documento in quanto può attivare l'evento chiave se non è gestito esplicitamente all'interno del callback. Tutto sommato è un peccato che .change non funzioni come ci si aspetterebbe in quanto risolverebbe alcuni problemi che richiedono tempo.

Answer 3

sì, entrambi funzionano, solo il clic non osserva il cambio dell'oggetto reale (come una casella di controllo che viene controllata), il cambiamento lo fa.

Tecnicamente è più affidabile ma in pratica funzionano entrambi.

Answer 4

Possono entrambi attivare una modifica del valore per impostazione predefinita, ma è possibile ignorare la logica onClick per NON modificare il valore di un chackbox. È possibile modificare il valore tramite un altro punto di ingresso. Quindi è necessario avere un .click e un .change.

modifica - anche io sono d'accordo con il dottor Rob

Answer 5

Due motivi per cui onclick è preferito rispetto onchange.

1. Internet Explorer attiva l'evento onchange solo quando la casella di controllo perde lo stato attivo (onblur). Quindi onclick è più di una soluzione cross browser.

2. onchange si verifica solo dopo che l'elemento ha perso la messa a fuoco. Lo pseudo codice su MDC praticamente spiega l'implementazione di element.onchange.

   control.onfocus = focus; 
   control.onblur = blur; 
   
   function focus() { 
       original_value = control.value; 
   } 
   
   function blur() { 
       if (control.value != original_value) 
        control.onchange(); 
   }