onmouseover no funciona cuando se usa javascript para agregar una etiqueta img en IE

Question

Nov 12, 2009, 07:26 PM

javascript internet-explorer image addeventlistener onmouseover

onmouseover no funciona cuando se usa javascript para agregar una etiqueta img en IE

Necesito algún código javascript que agregue dinámicamente una etiqueta img a un div, y la etiqueta img necesita los controladores onmouseover y onmouseout.

Lo tengo funcionando en Firefox. Pero no funciona del todo en IE. En IE, se agrega la etiqueta img, pero los controladores onmouseover y onmouseout no están activos.

Aquí está el código:

<body>  
    <div id='putImageHere' />  

    <script type='text/javascript'>
        var node = document.getElementById('putImageHere');
        var img = document.createElement('img');
        img.setAttribute('src', 'http://sstatic.net/so/img/logo.png');
        node.appendChild(img);

        // first attempt, which works on Firefox but not IE
        img.setAttribute('onmouseover', "alert('mouseover')");
        img.setAttribute('onmouseout', "alert('mouseout')");

        // second attempt, which I thought would work on IE but doesn't
        img.addEventListener('mouseover', function() { alert('mouseover') }, false);
        img.addEventListener('mouseout', function() { alert('mouseout') }, false);
    </script>  
</body>