onmouseover funktioniert nicht, wenn Sie javascript verwenden, fügen Sie die img Tags in IE

Brauche ich einige javascript-code, der dynamisch fügt ein img-tag einen div-und img-tag muss onmouseover-und onmouseout-Handler.

Ich habe es funktioniert auf Firefox. Aber es funktioniert nicht ganz auf den IE. Auf IE, den img-tag Hinzugefügt wird, aber die onmouseover-und onmouseout-Handler sind nicht aktiv.

Hier der code:

<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>  

InformationsquelleAutor Mike W | 2009-11-12

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.