Jaką kolejność zdarzeń uruchamia się po kliknięciu przycisku opcji?

Question

Wiem, że różni się między przeglądarkami; na przykład Jeśli dołączę funkcję do zdarzenia onclick i onchange przycisku radiowego, kliknij go, Chrome uruchomi onchange, a następnie onclick, podczas gdy Firefox robi odwrotnie.

Czy istnieje ktoś, kto wie o tym, że łamie ten rozkaz strzelania przez przeglądarkę?

Answer 1

Oto JSFiddle że powie, jeśli go uruchomić w każdej przeglądarce:

http://jsfiddle.net/BUkHz/

<label for="myRadio">Radio Button</label><input type="radio" name="myRadio" id="myRadio"/> 
<label for="myRadio">Radio Button 2</label><input type="radio" name="myRadio" id="myRadio2"/> 




var myRadio = document.getElementById('myRadio'); 
    var myRadio2 = document.getElementById('myRadio2'); 

    myRadio.addEventListener('change', interceptRadioEvent); 
    myRadio.addEventListener('click', interceptRadioEvent); 
    myRadio2.addEventListener('change', interceptRadioEvent); 
    myRadio2.addEventListener('click', interceptRadioEvent); 

    function interceptRadioEvent(e){ 
     //do anything else you want to here... 
     radioEventHandler(e); 
    } 

    function radioEventHandler(e){ 
     console.log(e.type); 
    } 

Mam przeczucie, że kolejność zależy od tego, co robisz - na przykład, jeśli tylko jeden przycisk radiowy przy pierwszym kliknięciu będzie: zmiana, kliknięcie, kolejne kliknięcia będą "klikać" tylko wtedy, gdy reagują na kliknięcie, ale nie mogą go anulować.

Mam nadzieję, że to pomaga.

Na Mac:

Chrome: zmiana następnie kliknij

Safari: zmiana następnie kliknij

iOS (6): zmiana następnie kliknij