js视频学习之事件绑定

来源:互联网 发布:d3.js 关系图 编辑:程序博客网 时间:2024/05/13 14:14

事件绑定

事件绑定作用于对一个dom对象要有多个相同的事件时,不会覆盖。
1、ie6-8下使用:attachEvent(事件名,函数)    解除绑定用detachEvent
2、ff、chrome下使用:addEventListener(事件名,函数,捕获)    解除用removeEventlistener

注意:addEventListener用的事件名没有‘on’前缀
          在ie5-8下,事件执行顺序会颠倒

说明:对于绑定的解除,由于现看到视频没有讲,故暂时不述,留以后补充。另对于 addEventListener(事件名,函数,捕获)里的最后一个参数,也所知不详,故一并之后补充


code:

//封装的一个函数

        //eventName 不带'on'
        function myAddEvent(obj,eventName,fn)
        {
            if(obj.attachEvent)   //ie
            {
                obj.attachEvent('on'+eventName,fn);
                obj.attachEvent('on'+eventName,fn);
            }
            else                  //chorme ff
            {
                obj.addEventListener(eventName,fn,false);
                obj.addEventListener(eventName,fn,false);
            }
        }



原创粉丝点击