Sys.UI.DomEvent addHandlers 메서드
업데이트: 2007년 11월
이벤트를 노출하는 DOM 요소에 DOM 이벤트 처리기 목록을 추가합니다. 이 멤버는 정적 멤버이며 클래스의 인스턴스를 만들지 않고 호출할 수 있습니다.
Sys.UI.DomEvent.addHandlers(element, events, handlerOwner);
매개 변수
값 |
정의 |
---|---|
element |
이벤트를 노출하는 DOM 요소입니다. |
events |
이벤트 처리기 사전입니다. |
handlerOwner |
(선택적 요소) 처리기에서 만들어야 하는 대리자의 컨텍스트인 개체 인스턴스입니다. |
예외
예외 형식 |
조건 |
---|---|
(디버그) events에 지정된 처리기 중 하나가 함수가 아닌 경우 |
설명
addHandlers 메서드를 사용하면 이벤트를 노출하는 요소에 DOM 이벤트 처리기 목록을 추가할 수 있습니다.
events 매개 변수에는 쉼표로 구분된 name:value 형식의 name/value 쌍 목록이 사용됩니다. 이때 name은 DOM 이벤트의 이름이고 value는 처리기 함수의 이름입니다. name/value 쌍이 두 개 이상 있으면 목록을 중괄호({})로 묶어 단일 매개 변수임을 나타내야 합니다. 여러 개의 name/value 쌍은 쉼표로 구분됩니다. 이벤트 이름에는 "on" 접두사가 포함되면 안 됩니다. 예를 들어 "onclick" 대신 "click"을 지정해야 합니다.
handlerOwner가 지정되면 각 처리기에 대해 대리자가 만들어집니다. 이러한 대리자는 지정된 개체 인스턴스에 연결되고 대리자 처리기의 this 포인터는 handlerOwner 개체를 참조합니다.
$addHandlers 바로 가기 메서드를 통해 이 메서드에 액세스할 수 있습니다.
예제
다음 예제에서는 addHandlers 메서드를 사용하여 이벤트 처리기를 요소와 연결하는 방법을 보여 줍니다.
<script type="text/javascript">
Sys.UI.DomEvent.addHandlers($get("Button1"), {click:processEventInfo,mouseover:processEventInfo,mouseout:processEventInfo});
function processEventInfo(eventElement) {
var result = '';
result += eventElement.type;
$get('Label2').innerHTML = result;
}
</script>
<script type="text/javascript">
Sys.UI.DomEvent.addHandlers($get("Button1"), {click:processEventInfo,mouseover:processEventInfo,mouseout:processEventInfo});
function processEventInfo(eventElement) {
var result = '';
result += eventElement.type;
$get('Label2').innerHTML = result;
}
</script>