addEventListener IE8

Question

में काम नहीं कर रहा है मैंने गतिशील रूप से एक चेकबॉक्स बनाया है। मैंने चेकबॉक्स के क्लिक पर फ़ंक्शन को कॉल करने के लिए addEventListener का उपयोग किया है, जो Google क्रोम और फ़ायरफ़ॉक्स में काम करता है लेकिन इंटरनेट एक्सप्लोरर 8 में काम नहीं करता है। यह मेरा कोड है:

var _checkbox = document.createElement("input"); 
_checkbox.addEventListener("click", setCheckedValues, false); 

setCheckedValues मेरा ईवेंट हैंडलर है।

Answer 1

प्रयास करें:

if (_checkbox.addEventListener) { 
    _checkbox.addEventListener("click", setCheckedValues, false); 
} 
else { 
    _checkbox.attachEvent("onclick", setCheckedValues); 
} 

अपडेट :: पहले IE9 करने के लिए इंटरनेट एक्सप्लोरर संस्करण के लिए, attachEvent विधि, EventTarget इस पर कहा जाता है करने के लिए निर्दिष्ट श्रोता रजिस्टर करने के लिए इस्तेमाल किया जाना चाहिए दूसरों addEventListener के लिए इस्तेमाल किया जाना चाहिए।

Answer 2

आपको IE9 से पहले IE संस्करणों में attachEvent का उपयोग करना होगा। का पता लगाने के लिए कि क्या addEventListener परिभाषित किया गया है और attachEvent का उपयोग अगर यह नहीं है:

if(_checkbox.addEventListener) 
    _checkbox.addEventListener("click",setCheckedValues,false); 
else 
    _checkbox.attachEvent("onclick",setCheckedValues); 
//       ^^ -- onclick, not click 

ध्यान दें कि IE11 will remove attachEvent।

यह भी देखें:

• MDN: element.addEventListener: Legacy Internet Explorer and attachEvent
• MSDN: attachEvent method

Answer 3

आप jQuery का उपयोग करते हैं तो आप लिख सकते हैं:

$(_checkbox).click(function(e){ /*process event here*/ }) 

Answer 4

mayb यह आसान है (और अधिक प्रदर्शन है) यदि आप उदाहरण अपनी मेज

$('idOfYourTable').on("click", "input:checkbox", function(){ 

}); 

इस तरह से करने के लिए घटना एक और तत्व को संभालने के प्रतिनिधि, आप केवल एक ईवेंट हैंडलर होगा, और यह भी काम करेंगे नए जोड़े गए तत्वों के लिए।

if (!someElement.addEventListener) { 
    _checkbox.attachEvent("onclick", setCheckedValues); 
} 
else { 
    _checkbox.addEventListener("click", setCheckedValues, false); 
} 

Answer 5

आईई addEventListener संस्करण 9 तक का समर्थन नहीं करता है, तो आप attachEvent उपयोग करने के लिए, यहाँ एक उदाहरण है यह भी सरल क्रॉसब्रोसर समाधान है:

var addEvent = window.attachEvent||window.addEventListener; 
var event = window.attachEvent ? 'onclick' : 'click'; 
addEvent(event, function(){ 
    alert('Hello!') 
}); 

'क्लिक के बजाय' क्लिक करें पाठ्यक्रम की कोई घटना हो सकती है।

Answer 6

: यह जरूरी है jQuery> = 1.7

प्रतिनिधि अन्यथा का उपयोग()

$('idOfYourTable').delegate("input:checkbox", "click", function(){ 

}); 

Answer 7

आप सबसे बातों के लिए घटनाओं को जोड़ने लेकिन ध्यान दें XMLHttpRequest if (el.attachEvent) के लिए कि IE8 में असफल हो जायेगी करने addEvent नीचे() फ़ंक्शन का उपयोग, क्योंकि यह XMLHttpRequest.attachEvent() का समर्थन नहीं करता है ताकि आप के बजाय XMLHttpRequest.onload = function() {} उपयोग करने के लिए हो सकता है।

function addEvent(el, e, f) { 
    if (el.attachEvent) { 
     return el.attachEvent('on'+e, f); 
    } 
    else { 
     return el.addEventListener(e, f, false); 
    } 
} 

var ajax = new XMLHttpRequest(); 
ajax.onload = function(e) { 
} 

Answer 8

मैं एक त्वरित polyfill ऊपर उत्तरों के आधार के लिए चुना गया है:

//# Polyfill 
window.addEventListener = window.addEventListener || function (e, f) { window.attachEvent('on' + e, f); }; 

//# Standard usage 
window.addEventListener("message", function(){ /*...*/ }, false); 

बेशक

, इस से ऊपर जवाब की तरह सुनिश्चित नहीं है कि window.attachEvent मौजूद है, या नहीं हो सकता जो एक मुद्दा।

Answer 9

if (document.addEventListener) { 
    document.addEventListener("click", attachEvent, false); 
} 
else { 
    document.attachEvent("onclick", attachEvent); 
} 
function attachEvent(ev) { 
    var target = ev.target || ev.srcElement; 
    // custom code 
}