Question

全部，我只想知道Asp.net Ajax事件句柄如何与DOM事件一起使用。假设您有以下代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebAppAjax.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <input id="state" type="text" value=""  />
        <input id="Departments" type="text" runat="server" />
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
    <!--
    var departments = null;
    Sys.Application.add_load(page_load);
    Sys.Application.add_unload(page_unload);
    function page_load(sender, e) {
        departments = $get("Departments");
        $addHandler(departments, "blur", departments_onblur);
    }
    function page_unload(sender, e) {
        $removeHandler(departments, "blur", departments_onblur);
    }

    function departments_onblur(sender, e) {
        $get("state").value = "onblur";
        if (typeof (departments.blur) != "undefined") {
            departments.blur();
        }
        else {
            alert("underfined");
        }
    }
    function department_jsblur() {
        alert('jsblur');
    }
    //-->
</script>


protected override void OnInit(EventArgs e)
{
    Departments.Attributes.Add("onblur", "department_jsblur();");
    base.OnInit(e);
}

事件处理程序$addHandler(departments, "blur", departments_onblur);不会覆盖事件处理程序Departments.Attributes.Add("onblur", "department_jsblur();");。它们都有效。任何人都可以帮忙解释Asp.net Ajax如何制作它？感谢。

Answer 1

基本上，当您使用本机javascript'leal.addEventListener（...）'方法时，它不会覆盖旧的事件处理程序，而只是添加另一个。这也是$addHandler(...)在内部使用的方法。查看给定here的W3C事件注册模型的说明。

通过这些基本信息，我们可以查看您提到的代码：

Departments.Attributes.Add("onblur", "department_jsblur();");

是用于创建html的服务器端代码。它使用传统方式添加事件处理程序，从而生成像<textbox onblur='department_jsblur();' />

这样的HTML

$addHandler(departments, "blur", departments_onblur);是在浏览器窗口中呈现html并附加传统事件处理程序后执行的javascript。它使用该语言提供的element.addEventListener('eventType', callbackMethod) API来添加其他处理程序。

在内部，分配给元素的多个处理程序存储在一个数组中，当引发事件时，所有处理程序都会一个接一个地执行。

Asp.net Ajax事件句柄如何与DOM事件一起使用

1 个答案: