onmouseover não funciona ao usar o javascript para adicionar tag img no IE

Question

Nov 12, 2009, 07:26 PM

javascript internet-explorer image onmouseover addeventlistener

onmouseover não funciona ao usar o javascript para adicionar tag img no IE

Eu preciso de algum código javascript que adicione dinamicamente uma tag img a um div, e a tag img precisa de manipuladores onmouseover e onmouseout.

Eu tenho que trabalhar no Firefox. Mas isso não funciona no IE. No IE, a tag img é adicionada, mas os manipuladores onmouseover e onmouseout não estão ativos.

Aqui está o 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>