Event JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. Event
  4. Mouse event target element name
< html>
    
        Mouse Events Example
        
            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;
                }
            }
        
    
    
        

Use your mouse to click click the red square and move out.


                     onmouseout="handleEvent(event)"
             onclick="handleEvent(event)"
             id="div1">