events are also bit important while working with DOM. I was working on events and DOM last time and I came to know a very strange thing about events.

My task : create an input type=’text’ element using createElement function and setting an function call on onblur event of this newly created input element.

I created the element but was not able to write a generic script ( cross browser ) to set the onblur event on it.

element.attachEvent(‘onblur’,functionName) works in IE but not in mozilla firefox 3.0.10

there is another function element.addEventListener(‘blur’,functionName) this works in mozilla firefox 3.0.10 but not in IE.

I found a crazy solution: I just used both function with browser detection code.

if(browser=="Microsoft Internet Explorer")
{
element.attachEvent('onblur',function () {
g(element);
});
}
else
{
element.addEventListener('blur',function () {
g(element);
},false);
}


This works fine , but I want to know that is there any function which works in all browsers?

Thanks you
Roy
Contact me