事件绑定

最新推荐文章于 2023-08-02 13:32:11 发布

王华桥

最新推荐文章于 2023-08-02 13:32:11 发布

阅读量356

点赞数

分类专栏： js小记文章标签：合作函数

本文链接：https://blog.csdn.net/whqwyn/article/details/52795415

版权

js小记专栏收录该内容

24 篇文章 0 订阅

订阅专栏

我们想用两个window.onload的时候，起作用的其实是最后一个。就和变量一个道理，如果写 var a=5; a=9; 最后a是9；同学说，可以写到一个window.onload里面，但是实战项目中，我们都是分工合作的，每个人都想用自己的window.onload，这个时候就需要用到事件绑定了。
绑定如下

function myAddEvent(obj.ev,fn){
    if(obj.attachEvent){
        obj.attachEvent('on'+ev,fn);
    }
    else{
        obj.addEventListener(ev,fn，false);
    }
}

myAddEvent(window,'load',function ()
{
    alert('a');
});
myAddEvent(window,'load',function ()
{
    alert('b');
});

lIE方式

lattachEvent(事件名称, 函数)，绑定事件处理函数
ldetachEvent(事件名称, 函数)，解除绑定

lDOM方式

laddEventListener(事件名称,函数, 捕获)、绑定事件处理函数
lremoveEventListener(事件名称, 函数, 捕获)、解除绑定

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload=function(){
                var Btn=document.getElementById('Btn');
                if(Btn.attachEvent){//兼容IE浏览器
                    Btn.attachEvent('onclick',function(){
                        alert("你是傻瓜");
                    });
                    Btn.attachEvent('onclick',function(){
                        alert("你是笨蛋");
                    });
                }
                else{//兼容其他主流浏览器
                    Btn.addEventListener('click',function(){
                        alert("你是傻瓜");
                    });
                    Btn.addEventListener('click',function(){
                        alert("你是笨蛋");
                    });             }                                       
            };
        </script>
    </head>
    <body>
        <input type="button" name="" id="Btn" value="按钮" />
    </body>
</html>

每日清新
这里写图片描述

作者：王华桥

王华桥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件绑定

我们想用两个window.onload的时候，起作用的其实是最后一个。就和变量一个道理，如果写 var a=5; a=9; 最后a是9；同学说，可以写到一个window.onload里面，但是实战项目中，我们都是分工合作的，每个人都想用自己的window.onload，这个时候就需要用到事件绑定了。绑定如下function addEvent(obj.ev,fn){ if(obj.
复制链接

扫一扫