Event handler to a HTML object (dinamically created)

[micú]

How to register an event handler to a HTML object (dinamically created with javascript), and make it work with Internet Explorer?

The next crossbrowser statement creates dinamically a TextArea

-> var input = document.createElement("textarea");

Now, to register an event handler to this object could be done as follows:

-> input.setAttribute("onClick","alert('Hello');");

But THE PROBLEM is that the previous command only works with Netscape. It doesn't work properly with IE. I've tried doing:

-> input.onclick = "alert('Hello');";

and

-> input.onclick = clickHandle;
function clickHandle {
alert("Hello");
}

.. but it's still not working with IE

Thanks

[Vladdy]

Correct way is to use
element.addEventListener
for IE use element .attachEvent.

You can write a cross browser function:

function installEventHandler(element,event,myFunction)
{ if(element.attachEvent) /* do IE thing */
else /* do DOM thing */
}

[Charles]

I believe that it is also correct to simply assign a function to the handler.

input.onclick = function () {alert('I\\'ve ben clicked!')}