event.target : Event Object « Event « JavaScript Tutorial






The target property refers to the object on which the event takes place.

<html>
    <head>
    <title>Using the target property of the event object</title>
    </head>
    <body>
    <script language = "JavaScript">
    <!--
    function whichButton(evnt){
         window.captureEvents(evnt.CLICK);
         alert("The button you pressed was:" + evnt.target.value);
    }
    -->
    </script>
    <form name="form1">
    Choose a button and click on it.
    <br><br>
    <input type="button" value="Button1" name="Button1" onClick = whichButton(event)>
    <input type="button" value="Button2" name="Button2" onClick = whichButton(event)>
    <input type="button" value="Button3" name="Button3" onClick = whichButton(event)>
    </form>
    </body>
    </html>








15.1.Event Object
15.1.1.Event
15.1.2.event.data
15.1.3.event.height
15.1.4.event.layerX
15.1.5.event.layerY
15.1.6.event.pageX
15.1.7.event.pageY
15.1.8.event.screenX
15.1.9.event.screenY
15.1.10.event.target
15.1.11.event.type
15.1.12.event.which
15.1.13.event.width
15.1.14.Event.ABORT
15.1.15.Event.CHANGE
15.1.16.Add event handler to form