Sys.UI.DomEvent target 필드

이벤트가 실행된 대상 개체를 가져옵니다.

var targetVar = domEventVar.target;

이벤트가 실행된 대상을 나타내는 개체입니다.

target 필드를 사용하면 이벤트를 발생시킨 개체를 가져올 수 있습니다. 예를 들어 target 필드를 사용하면 이벤트를 발생시킨 요소의 ID와 같은 정보를 확인할 수 있습니다.

다음 예제에서는 target 필드를 사용하여 대상 요소를 가져오는 방법을 보여 줍니다.


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


표시: