-
使用false,采用冒泡,兼容各大浏览器查看全部
-
第三个参数为ture或false ture为捕获 false为冒泡(老微软)查看全部
-
DOM 0级的事件处理 本质:将函数赋值给DOM的属性(事件) 特点:同一个时间,后面的会覆盖前面的 如onclick查看全部
-
事件流 事件冒泡(老微软)/ 事件捕获(新浏览器)查看全部
-
内容。查看全部
-
hander -> handler 结束时的 } 修改<span id="close">X</span>,这样比较好点击查看全部
-
夸浏览器处理的代码查看全部
-
事件对象:触发dom上发生事件时产生的一个对象 即:event,包含事件的各种信息,比如元素、类型等相关属性 DOM事件对象Event 常用的属性和方法 1)type 用于获取事件类型 2)target 用于获取事件目标 3)stopPropagation()方法 用于阻止事件冒泡 4)preventDefault()方法 阻止事件的默认行为 EG:<a href="#">超链接</a> 默认行为跳转 *DOM里的事件对象,对IE不起作用查看全部
-
兼容型问题:IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同两个参数,事件处理程序的名称和事件处理程序的函数 *IE8以及更早的版本只支持事件冒泡,所以不使用第三个参数 ================================== 跨浏览器事件处理程序(能力检测,是否支持) 封装在一个对象里 EG:添加 if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent(type,handler); }else{ element['on'+type]=handler; } // element.onclick=element['onclick']查看全部
-
addEventListener添加的事件 必须有removeEventListener删除 DOM0和DOM2 都可以给元素添加多个事件处理程序,顺序执行查看全部
-
事件处理程序 1、HTML事件处理程序 JS代码直接写在HTML结构中 缺点:JS和HTML紧密耦合 2、DOM0级事件处理程序 传统方式:把一个函数赋值给一个事件处理程序的属性,使用比较多 EG:给元素添加点击属性 btn2.onclick=function(){} 3、DOM2级事件处理程序 定义了两个方法 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener() 接收三个参数:要处理的事件名(事件,如点击,鼠标划过)、作为事件处理程序的函数(具体操作)和布尔值(true 捕获,false 冒泡,一般用false)查看全部
-
事件捕获:不太具体的节点最早接收到事件,最具体的节点最后接收。 EG:docuemnt->html>body>div>input 推荐:使用事件冒泡查看全部
-
事件冒泡:具体元素接收,逐级向上传递到文档节点。 EG:按钮,按钮父级,父级-> document查看全部
-
注意细节查看全部
-
addEventListener查看全部
举报
0/150
提交
取消