第3课 04 JS中级课程-事件绑定的第二种形式-4

来源：互联网发布：midascft是什么软件编辑：程序博客网时间：2024/04/25 09:08
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>04 JS中级课程-事件绑定的第二种形式-4</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet"></head><body>    <script>    function fn1(){        alert(1);    }    function fn2(){        alert(2);    }    //document.onclick=fn1;    //document.onclick=fn2;//覆盖前面的函数fn1    //给一个对象的同一个事件绑定多个不同的函数    //给一个元素绑定绑定事件函数的第二种形式    //ie：obj.attachEvent(事件名称，事件函数)    //1:没有捕获    //2:事件名称有on    //3:事件函数执行的顺序：标准ie->正序  非标准ie->例序    //4:this指向window    //document.attachEvent("onclick",fn1);    //document.attachEvent("onclick",fn2);    //标准：obj.attchEventListener(事件名称，事件函数，是否捕获)    //1:有捕获    //2:事件名称没有on    //3:事件函数执行的顺序是正序    //4:this指向触发该事件的对象    //是否捕获：默认为false false:冒泡    true:捕获    //document.addEventListener("click",fn1,false)    //document.addEventListener("click",fn2,false)    //call()函数下的一个方法，call方法第一个参数是可以改变函数执行过程上中内部this指向，call方法第二个参数开始就是原来函数的参数列表;    function fn3(a,b){        alert(this);        alert(a+b);    }    //fn3(10,5)//window    fn3.call(1,20,30)   //调用函数  fn1()==fn1.call()    function bind(obj,eventName,fn){        if(obj.addEventListener){            obj.addEventListener(eventName,fn,false)        }else{            obj.attachEvent("on"+eventName,function(){                fn.call(obj)            })        }    }    bind(document,"click",fn1)    bind(document,"click",fn2)</script></script></body></html>
阅读全文
0 0