事件绑定 解除事件绑定

attachEvent(事件名，函数)  //IE

addEventListener(事件名，函数 false)  //FireFox Chrome

兼容写法：

<script>
window.onload=function()
{
    var aBtn=document.getElementById('btn');
    if(aBtn.attachEvent)  //IE
    {
        aBtn.attachEvent('onclick', function(){
            alert('a');
        });
        
        aBtn.attachEvent('onclick', function(){
            alert('b');
        });
    }
    else  //FireFox Chrome
    {
        aBtn.addEventListener('click', function(){  //事件都是不加on的
            alert('a');
        }, false);
        
        aBtn.addEventListener('click', function(){
            alert('b');
        }, false);        
    }
};
</script>

封装事件绑定函数：

function myAddEvent(obj,ev,fn)  //对象obj ev事件 fn函数
{
    if(obj.attachEvent)
    {
         obj.attachEvent('on'+ev,fn);  //给对象添加事件绑定
     }
     else
     {
        obj.addEventListener(ev,fn,false);
     }
};

封装事件绑定函数和应用实例：

<script>
window.onload=function()
{
    var aBtn=document.getElementById('btn');
    myAddEvent(aBtn,'click',function(){
        alert('a');
    });
    
    myAddEvent(aBtn,'click',function(){
        alert('b');
    });
    
    /*封装事件绑定*/
    function myAddEvent(obj,ev,fn)  //对象obj ev事件 fn函数
    {
        if(obj.attachEvent)
        {
            obj.attachEvent('on'+ev,fn);  //给对象添加事件绑定
        }
        else
        {
            obj.addEventListener(ev,fn,false);
        }
    };
};
</script>

detachEvent(事件名称,函数)解除绑定

removeEventListener(事件名称,函数,false)解除事件绑定

封装解除事件绑定函数：

<script>
function myRmoveEvent(obj,ev,fn)
{
    if(obj.detachEvent)
    {
        obj.detachEvent('on'+ev,fn)
    }
    else
    {
        obj.removeEventListener(ev,fn,false);
    }
};
</script>

<script>
function myRmoveEvent(obj,ev,fn)
{
    if(obj.detachEvent)
    {
        obj.detachEvent('on'+ev,fn)
    }
    else
    {
        obj.removeEventListener(ev,fn,false);
    }
};
</script>