Javascript绑定事件处理器

关注

原创最新推荐文章于 2026-05-31 13:29:35 发布 706 阅读 AI 写同款· GEO 优化 ›

JavaScript 动态网页实例 —— 事件绑定与事件触发在 Web页面中，浏览器可以调用JavaScript 响应用户的操作。例如，当用户单击了某个链接，或者编辑了表单域中的内容，浏览器就会调用相应的JavaScript 代码。在此过程中，JavaScript 响应的操作称为事件。事件将用户和web页面连接在一起，使页面可以与用户进行交互，响应用户的操作。本章介绍基本的事件绑定与事件触发，主要包括事件绑定的常见方式与事件编写两部分内容。阅读详情

<html>
<head>

</head>
<body>
    <form id="form1" runat="server">
        <input id="Button1" type="button" value="button1" />
        <input id="Button2" type="button" value="button2" onclick ='getEnd()'/>

    </form>
</body>
<script language="javascript" type="text/javascript">
var butt=document.getElementById ('Button1');
    function getEnd()
{
        butt.addEventListener("click", myFunc,false);
 //butt.attachEvent("onclick", myFunc);
    }
    function myFunc()
{
            alert("asdfsd");
        }

    </script>
</html>

target.addEventListener(type, listener, useCapture);
•target 文档节点、document、window 或 XMLHttpRequest。
•type 字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。
•listener 实现了 EventListener 接口或者是 JavaScript 中的函数。
•useCapture 是否使用捕捉，看了后面的事件流一节后就明白了，一般用 false。

收录于