-
<!DOCTYPE html> <html> <head> <title>事件处理兼容问题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" > function fun(){ alert("事件处理兼容顺利解决"); } var eventUtil={ addFun:function(e,type,fun){ if(e.addEventListener){ e.addEventListener(type,fun,false); }else if(e.attachEvent){ e.attachEvent('on'+type,fun); }else{ e['on'+type]=fun; } }, removeFun:function(e,type,fun){ if(e.removeEventListener){ e.removeEventListener(type,fun,false); }else if(e.detachEvent){ e.detachEvent('on'+type,fun); }else{ e['on'+type]=null; } } } window.onload=function(){ var btn=document.getElementById('btn'); eventUtil.addFun(btn,'click',fun); // eventUtil.removeFun(btn,'click',fun); } </script> </head> <body> <input type="button" value="点击" id="btn"> </body> </html>查看全部
-
本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡，即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventListener()。它们都接收三个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数：事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target：事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement：事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作： addEventListener()和removeEventListener()。 它们都接收三个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。 其中，布尔值为true时，表示使用“捕获事件流”处理事件程序，布尔值为false时，表示使用“冒泡事件流”处理事件程序。查看全部
-
2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡，即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。查看全部
-
事件流——描述的是从页面中接受事件的顺序！查看全部
-
还是jQuery好用<br> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <body> <div class="head">亲，您好！<input type="button" value="登 录" id="login"></div> <div id="login_box"> <center> <p>用户登录</p><span id="close">x</span> 姓名： <input type="text" value="name"><br> 密码： <input type="password" value="pass"><br> <input type="button" value="登 录" id="login"> <input type="submit" value="重 置" id="login"> </center> </div> <script> $('#login').click(function() { $('.head').toggle() $("#login_box").toggle() }); $("#close").click(function(){ $('.head').toggle() $("#login_box").toggle() }) </script> </body>查看全部
-
不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
事件冒泡：即事件最开始由具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。查看全部
-
事件冒泡就是从最深的地方（最里层的的标签元素）冒到最上面（-》外层容器-》body-》html-》文档document）查看全部
-
IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数：事件处理程序的名称和事件处理程序的函数查看全部
-
addEventListener() removeEventListener() 接收三个参数： 要处理的事件名 作为事件处理程序的函数 布尔值查看全部
-
键盘事件查看全部
-
dom中的事件对象查看全部
-
IE事件处理程序 attachEvent（）添加事件 detachEvent（）删除事件 两个参数 事件处理程序的名称和事件处理程序的函数查看全部
举报
0/150
提交
取消