Sys.UI.DomEvent $removeHandler 메서드

Sys.UI.DomEvent 클래스의 removeHandler 메서드에 대한 바로 가기를 제공합니다. 이 멤버는 정적 멤버이며 클래스의 인스턴스를 만들지 않고 호출할 수 있습니다.

$removeHandler(element, eventName, handler);

용어

정의

element

이벤트를 노출하는 DOM 요소입니다.

eventName

DOM 이벤트의 이름입니다.

handler

제거할 이벤트 처리기입니다.

이 바로 가기에서 나타내는 메서드에 대한 자세한 내용은 Sys.UI.DomEvent removeHandler 메서드를 참조하십시오.

다음 예제에서는 $removeHandler 바로 가기 메서드를 사용하여 요소에서 이벤트 처리기를 제거하는 방법을 보여 줍니다.


<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
    <title>$removeHandler Example</title>
</head>
<body>
    <h1>$removeHandler Example</h1>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"/>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Panel ID="Panel1" runat="server" GroupingText="Update Panel">
                   <asp:Label ID="Label1" runat="server" Text="Move cursor over button and click to see event types."></asp:Label>
		           <br />
                   <asp:Button ID="Button1" runat="server" Text="Button 1" AccessKey="b"  />
		           <br />
                   <asp:Label ID="Label2" runat="server"></asp:Label>
                   <br />
                   <asp:Button ID="Button2" runat="server" Text="Remove Click Event" />
                </asp:Panel>
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>
</html>

<script type="text/javascript">
    $addHandlers($get("Button1"), {click:processEventInfo,mouseover:processEventInfo,mouseout:processEventInfo});
    $addHandler($get("Button2"), "click", removeClick);

    // Event handler displays types for multiple events
    function processEventInfo(eventElement) {
        var result = '';
        result += eventElement.type;
        $get('Label2').innerHTML = result;
    }

    // Event handler removes Click event from Button1
    function removeClick(eventElement) {
		$removeHandler($get("Button1"), "click", processEventInfo);
    }
 </script>


표시: