addEventListener is not working

[spv2]

Hi,
This is my code

$("#<%=imgBtDone.ClientID %>").click(function(e) {
var button = document.getElementById('imgBtDone');
 
button.addEventListener('click', function () {                       alert('test'); }, false);  
});

here addEventListener not executing.

Thanks,
spv2

[Anas Mosaad]

addEventListener is the standard method for attaching adding events to components. However, IE is not following the standard and has its own functions to attach events (i.e. attachEvent). It's recommended to develop your own functions to workaround cross browser compatibilities. I use this cross browser function to add event listeners:

function attachEventToComponent(component, eventName, eventHandler){
if (component.addEventListener){
   component.addEventListener(eventName,eventHandler, false);
}else if (component.attachEvent){
   try{
       component.detachEvent("on"+eventName, eventHandler);
   }catch(e){}
   component.attachEvent("on"+eventName, eventHandler);
}
}
 

[Dormilich]

However, IE is not following the standard and has its own functions to attach events (i.e. attachEvent). It's recommended to develop your own functions to workaround cross browser compatibilities.

As of IE 9, addEventListener() is eventually supported.

I use this cross browser function to add event listeners:

you are aware that you can’t use this in you event handlers?

[Anas Mosaad]

Thanks Dormilich for the clarification. I honestly didn't about it as the function already supports it.
Regarding this, you can workaround this with closure.

[Dormilich]

Regarding this, you can workaround this with closure.

workaround for a workaround, eh?

yea, cross-browser issues are a real bother. not even jQuery tackled the full IE event issue.