रेडियो बटन पर घटनाओं को किस क्रम में आग लगती है?

Question

मुझे पता है कि यह ब्राउज़र के बीच अलग है; जैसे यदि मैं एक रेडियो बटन पर ऑनक्लिक और ऑनचेंज इवेंट में कोई फ़ंक्शन संलग्न करता हूं, तो उस पर क्लिक करें, क्रोम चालू हो जाता है, फिर फ़ायरफ़ॉक्स विपरीत होता है, जबकि फ़ायरफ़ॉक्स विपरीत होता है।

क्या कोई संसाधन है जो ब्राउज़र के द्वारा इस फायरिंग ऑर्डर को तोड़ने के बारे में जानता है?

Answer 1

यहाँ कि आपको बता यदि आप इसे प्रत्येक ब्राउज़र में चलेंगे एक JSFiddle है:

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

मैं एक कूबड़ आप क्या कर रहे पर इसी क्रम निर्भर करता है - उदाहरण के लिए यदि आप पहले क्लिक पर केवल एक रेडियो बटन होगा, यह होगा: बदलें, क्लिक करें, फिर क्लिक करें, क्लिक केवल 'क्लिक' होगा क्योंकि यह क्लिक पर प्रतिक्रिया देता है लेकिन इसे अनसेट नहीं कर सकता है।

मुझे उम्मीद है कि इससे मदद मिलती है।

Mac पर:

क्रोम: परिवर्तन उसके बाद

सफारी: परिवर्तन उसके बाद

आईओएस (6): परिवर्तन उसके बाद