Mouse event from and to elements (IE) : Mouse Event : Event JAVASCRIPT TUTORIALS


JAVASCRIPT TUTORIALS » Event » Mouse Event »

 

Mouse event from and to elements (IE)

















<html>
    <head>
        <title>Mouse Events Example</title>
        <script type="text/javascript">
            function handleEvent(oEvent) {
                var oTextbox = document.getElementById("txt1");
                oTextbox.value += "n>" + oEvent.type;
                oTextbox.value += "n    target is " + oEvent.srcElement.tagName;

                if (oEvent.fromElement) {
                    oTextbox.value += "n    fromElement is " + oEvent.fromElement.tagName;
                }

                if (oEvent.toElement) {
                    oTextbox.value += "n    toElement is " + oEvent.toElement.tagName;
                }


            }
        </script>
    </head>
    <body>
        <P>Use your mouse to click click the red square and move out.</p>
        <div style="width: 100px; height: 100px; background-color: red"
             onmouseout="handleEvent(event)"
             onclick="handleEvent(event)"
             id="div1"></div>
        <P><textarea id="txt1" rows="15" cols="50"></textarea></p>
    </body>
</html>







HTML code for linking to this page:

Follow Navioo On Twitter

JAVASCRIPT TUTORIALS

 Navioo Event
» Mouse Event