quale ordine si attivano gli eventi sul pulsante di opzione?

Question

So che questo è diverso tra i browser; per esempio. Se applico una funzione all'evento onclick e onchange di un pulsante di opzione, quindi fai clic su di essa, Chrome attiva onchange poi onclick, mentre Firefox fa il contrario.

Esiste una risorsa che qualcuno sa di questo comando di interruzione da parte del browser?

Answer 1

Ecco un JSFiddle che vi dirà se lo si esegue in ogni browser:

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); 
    } 

Ho la sensazione che l'ordine dipende da quello che stai facendo - per esempio se si solo un pulsante di opzione al primo clic sarà: modifica, fare clic su altri clic sarebbe "clic" solo in quanto risponde al clic ma non può annullarlo.

Spero che questo aiuti.

Su un Mac:

Chrome: cambiamento quindi fare clic su

Safari: cambiamento quindi fare clic su

iOS (6): cambiamento quindi fare clic su