-
IE事件处理程序 domo2级事件处理程序：addEventListener（“处理事件（去on）”，“处理函数”，true/false） removeEventListener（“处理事件”，“处理函数”，true/false） ie则是支持这种写法，需要用attachEvent（“处理事件”，“处理函数”），detachEvent（）。查看全部
-
1.IE事件处理程序：IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数，事件处理程序的名称和事件处理程序的函数。去掉了布尔值，不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意：在ie事件处理程序上，又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序 } } eventUtil.addHandler(btn3,'click',showMessage); 3.js中所有用'.'的地方都可以使用'[]' 如：对象的点击事件element.onclick===element['onclick']查看全部
-
DOM 2级事件处理程序 DOM2级事件定义了两个方法： 用于处理指定和删除事件处理程序的操作 addEventListener（）和removeEventListner（）。 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值。 对同一元素可使用多个事件,但不太兼容一些浏览器 obj.addEventListener("click",调用的函数名,布尔值true执行false开始不执行) 通过addEvenListenert添加的事件只能用removeEventListener去除查看全部
-
使用事件处理程序 1.HTML时间处理程序 缺点：HTML和JS紧密耦合在一起 2.DOM0级事件处理程序 将事件绑定在函数里，如li.onclick=null;即可删除事件 3.DOM2级事件处理程序 定义了2个方法：用于处理指定和删除事件处理程序的操作addEventListener()和removeEventListener(). 接收三个参数：要处理的事件名[不加on]、作为事件处理程序的函数、布尔值(true[捕获事件]、false[冒泡事件]√) 注：此法对IE无效.IE用4. 栗子：function showMes(){ } btn3.addEventListener('click',showMes,false); btn3.removeEventListener('click',showMes,false);//add...只能通过remove....删除 2和3的共同优点：可以给一个元素添加多个事件处理程序 4.IE事件处理程序[IE和Opera] attachEvent()和detachEvent()接收相同的两个参数：事件处理程序的名称[加on]和事件处理程序的函数 5.跨浏览器的事件处理程序 栗子: var enventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, //删除句柄同上，将add换成remove 将attach换成detach } enventUtil.addHandler(btn4,'click',msg); 其他： this可以引用被触发的元素 element.onclick === element['onclick']查看全部
-
DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势查看全部
-
DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。查看全部
-
事件冒泡：最集体的--逐级传递到最不具体的 span -> div -> body ->html 时间捕获：最不具体的逐级传递到最具体的 html -> body -> div -> span查看全部
-
1. 事件流： 描述的是从页面中接收时间的顺序 - IE： 事件冒泡流 —— 由最具体的元素逐级上升传播 - NetScape : 事件捕获流 —— 不太具体的节点更早地接到事件，最具体的节点最后接收到事件 总结： 两种事件流刚好相反查看全部
-
事件流---描述的是从页面中接受时间的顺序 IE---事件冒泡流。 ⒈事件冒泡流：即时间最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）. 栗子：若<body><div><input type="button"/></div></body>次结构，点击按钮时，默认点了按钮的容器 默认点了body,默认点了html，默认点了document. ⒉事件捕获流：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流：描述的是从页面中接受事件的顺序 （IE：事件冒泡流 / Netscape事件捕获流） 事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点（文档） input----->document查看全部
-
事 件查看全部
-
使用事件处理程序 1.HTML时间处理程序 缺点：HTML和JS紧密耦合在一起 2.DOM0级事件处理程序 将事件绑定在函数里，如li.onclick=null;即可删除事件 3.DOM2级事件处理程序 定义了2个方法：用于处理指定和删除事件处理程序的操作addEventListener()和removeEventListener(). 接收三个参数：要处理的事件名[不加on]、作为事件处理程序的函数、布尔值(true[捕获事件]、false[冒泡事件]√) 注：此法对IE无效.IE用4. 栗子：function showMes(){ } btn3.addEventListener('click',showMes,false); btn3.removeEventListener('click',showMes,false);//add...只能通过remove....删除 2和3的共同优点：可以给一个元素添加多个事件处理程序 4.IE事件处理程序[IE和Opera] attachEvent()和detachEvent()接收相同的两个参数：事件处理程序的名称[加on]和事件处理程序的函数 5.跨浏览器的事件处理程序 栗子: var enventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, //删除句柄同上，将add换成remove 将attach换成detach } enventUtil.addHandler(btn4,'click',msg); 其他： this可以引用被触发的元素 element.onclick === element['onclick']查看全部
-
DOM0级事件处理程序查看全部
-
事件流---描述的是从页面中接受时间的顺序 IE---事件冒泡流。 ⒈事件冒泡流：即时间最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）. 栗子：若<body><div><input type="button"/></div></body>次结构，点击按钮时，默认点了按钮的容器 默认点了body,默认点了html，默认点了document. ⒉事件捕获流：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
调用的时候传参数<br> eventUtill.addHandler(btn3,'click',showMes);查看全部
举报
0/150
提交
取消