JavaScript中Web应用程序事件处理

落日映苍穹つ 2021-09-22 03:48 316阅读 0赞

通过下面的代码来绑定事件处理代码，不仅可以为同一事件源的同一事件重复绑定事件处理代码，还可以在只做一次浏览器兼容性检测的情况下完成所有的事件处理绑定。代码如下所示：js/mylib.js

var addEvent = function(target, name, fn) {
        if(target.addEventListener)
            addEvent = function(target, name, fn) {
                target.addEventListener(name, fn, false);
            };
        else if(target.attachEvent)
            addEvent = function(target, name, fn) {
                target.attachEvent('on' + name, fn);
            };
        addEvent(target, name, fn);
    };

下面是测试代码：test.html

<!DOCTYPE html>
    <html>
        <head>
            <title>Sample Page</title>
            <script type="text/javascript" src="js/mylib.js"></script>
            <script type="text/javascript">
                addEvent(window, "load", init);
    
                function init() {
                    addEvent(document.getElementById('ok'), "click", foo);
                    addEvent(document.getElementById('ok'), 'click', bar);
                }
    
                function foo() { alert('foo'); }
                function bar() { alert('bar'); }
            </script>
        </head>
        <body>
            <button id="ok">OK</button>
        </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，316人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript中的事件流和事件处理程序

1、事件流 Javascript和HTML的交互是通过事件实现的。事件代表文档或浏览器窗口中某个有意义的时刻。事件流描述了页面接收事件的顺序。 1.1 事件冒泡

Dear 丶/ 2022年11月11日 13:19/ 0 赞/ 231 阅读

相关 JavaScript中的事件处理

JavaScript中的事件处理 1 JavaScirpt中的事件 2 事件的注册（绑定） 2.1 静态注册事件 2.2 动态注册事

浅浅的花香味﹌/ 2022年08月31日 10:00/ 0 赞/ 224 阅读

相关 JavaScript权威指南_162_第17章_事件处理_17.2-注册事件处理程序-设置JavaScript对象属性为事件处理程序

![Center][] [Center]: /images/20220731/f7aa56ccfaf34d83a7272b69299ca7b4.png

左手的ㄟ右手/ 2022年08月09日 00:37/ 0 赞/ 157 阅读

相关 javascript事件处理程序

javascript 事件处理程序 1、普通事件处理程序 <input type="button" value="click me" οncli

落日映苍穹つ/ 2022年08月01日 13:59/ 0 赞/ 226 阅读

相关 javascript 事件处理

1. 注册事件处理程序（1）给事件目标对象或文档元素设置属性 a.设置javascript对象属性为事件处理程序 window.οnlοad=functi

向右看齐/ 2022年07月28日 01:06/ 0 赞/ 175 阅读

相关 JavaScript事件处理

onabort 用户终止页面加载 onblur 用户离开对象 onchange 用户修改对象 onclick 用户单击对象 onerror 脚本错误 onf

末蓝、/ 2022年07月24日 05:14/ 0 赞/ 163 阅读

相关读《Javascript高级程序设计》中的javascript事件处理程序（事件侦听器）心得

今天读了《Javascript高级程序设计》中的javascript事件处理程序（事件侦听器）部分的内容，总结一些自己的心得：事

电玩女神/ 2022年06月01日 13:11/ 0 赞/ 212 阅读

相关 JavaScript跨浏览器事件处理程序、事件对象

var EventUtil = { addHandler:function(element,type,handler){ if(

电玩女神/ 2022年05月29日 14:07/ 0 赞/ 236 阅读

相关 JavaScript——事件处理

本节目标： 1.掌握javaScript中主要的事件使用 2.掌握javaScript与表单的操作 3.掌握正则表达式在javaScr

旧城等待，/ 2022年05月28日 03:18/ 0 赞/ 190 阅读

相关 JavaScript中Web应用程序事件处理

通过下面的代码来绑定事件处理代码，不仅可以为同一事件源的同一事件重复绑定事件处理代码，还可以在只做一次浏览器兼容性检测的情况下完成所有的事件处理绑定。代码如下所示：js/myl

落日映苍穹つ/ 2021年09月22日 03:48/ 0 赞/ 317 阅读