Documentation for: ASP.NET Ajax Version 1.0

This documentation is for a previous version. For the current released version, see the ASP.NET Ajax documentation on MSDN.

 

 

 

 

 

 

 

Sys.UI.DomEvent target Field

Gets the object that the event acted on.

Syntax

var targetVar = domEventVar.target;

Return Value

An object that represents the target that the event acted on.

Remarks

Use the target field to get the object that raised the event. For example, you can use the target field to get details such as the ID of the element that raised the event.

Example

The following example shows how to use the target field to retrieve the target element.

cs

<script type="text/javascript">
    Sys.UI.DomEvent.addHandler($get("Button1"), "click", processEventInfo);

    function processEventInfo(eventElement) {
        var result = '';
        try {
            result += "altKey = " + eventElement.altKey + "<br/>";
            result += "button = " + eventElement.button + "<br/>";
            result += "keyCode = " + eventElement.keyCode + "<br/>";
            result += "clientX = " + eventElement.clientX + "<br/>";
            result += "clientY = " + eventElement.clientY + "<br/>";
            result += "ctrlKey = " + eventElement.ctrlKey + "<br/>";
            result += "offsetX = " + eventElement.offsetX + "<br/>";
            result += "offsetY = " + eventElement.offsetY + "<br/>";
            result += "screenX = " + eventElement.screenX + "<br/>";
            result += "screenY = " + eventElement.screenY + "<br/>";
            result += "shiftKey = " + eventElement.shiftKey + "<br/>";
            result += "target.id = " + eventElement.target.id + "<br/>";
            result += "type = " + eventElement.type + "<br/>";
        }
        catch(e) {
            alert("Error:" + e.message);
        }
        $get('Label2').innerHTML = result;
    }
 </script>

vb

<script type="text/javascript">
    Sys.UI.DomEvent.addHandler($get("Button1"), "click", processEventInfo);

    function processEventInfo(eventElement) {
        var result = '';
        try {
            result += "altKey = " + eventElement.altKey + "<br/>";
            result += "button = " + eventElement.button + "<br/>";
            result += "keyCode = " + eventElement.keyCode + "<br/>";
            result += "clientX = " + eventElement.clientX + "<br/>";
            result += "clientY = " + eventElement.clientY + "<br/>";
            result += "ctrlKey = " + eventElement.ctrlKey + "<br/>";
            result += "offsetX = " + eventElement.offsetX + "<br/>";
            result += "offsetY = " + eventElement.offsetY + "<br/>";
            result += "screenX = " + eventElement.screenX + "<br/>";
            result += "screenY = " + eventElement.screenY + "<br/>";
            result += "shiftKey = " + eventElement.shiftKey + "<br/>";
            result += "target.id = " + eventElement.target.id + "<br/>";
            result += "type = " + eventElement.type + "<br/>";
        }
        catch(e) {
            alert("Error:" + e.message);
        }
        $get('Label2').innerHTML = result;
    }
 </script>