js上绑定事件

js的绑定事件

绑定事件有什么用,当你一个按钮点击时需要执行2个函数,就可以用绑定事件,一般只有没绑定事件增加两个onclick函数,第二会覆盖第一个函数的。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
</head>
<body>
<script>
//用绑定事件主要是为了不被相同的事件给覆盖,
function myAddEvent(obj,ev,fn)
{
    if(obj.attachEvent)
    {
        obj.attachEvent("on"+ev,fn);
    }
    //detachEvent(事件名称,函数)函数可以移除绑定
    else 
    {
        obj.addEventListener(ev, fn,false);
    }
    //removeEventListenr(事件名称,函数,捕获);
}

window.onload=function(){
    var bt1=document.getElementById("bt1");
    myAddEvent(bt1,"click",function(){
        alert('a');
    })
    myAddEvent(bt1,"click",function(){
        alert('b');
    })


}

</script>
<input type="button" id="bt1" value="oclick"/>

</body>
</html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注