-
事件流查看全部
-
二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 两个参数:事件处理程序的名称(必须有on,前面的DOM事件处理程序没有on)和事件处理程序的函数,没有第三个参数 支持IE事件处理程序的浏览器:IE和Opera 5、跨浏览器的事件处理程序 var eventUtil={ // 添加句柄 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; } }, // 删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } }查看全部
-
DOM2级事件处理程序 DOM2级事件定义了两个方法: 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(). 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值。 DOM2级事件处理程序 addEventListener()函数注意点: 1,click等去掉on; 2,第一个参数加引号,第二个参数(函数)不加引号和括号; 3,第三个参数是false表示在冒泡时调用,可以兼容所有浏览器。 dom二级事件处理方法,addEventListener|removeEventListener(最后一个bool值:true表示在捕获阶段监听、false表示在冒泡阶段监听)、IE下attachEvent;可以用来处理多播。 btn3.addEventListener("click", show, false); btn3.removeEventListener("click", show, false); 用addEventListener添加的事件只能用removeEventListener去删除 DOM0级和DOM2级都可以给元素添加多个事件和多个事件处理程序,DOM2级事件处理程序不支持IE查看全部
-
DOM0级事件处理程序 较传统的方式:把一个函数赋值给一个事件的处理程序属性用的比较多的方法 简单 跨浏览器的优势查看全部
-
事件:文档与浏览器窗口发生的一些特定的交互瞬间。 事件流:描述的是从页面中接受事件的顺序。查看全部
-
事件捕获:不太具体的节点应该最早接收到事件,而最具体的节点最后接收到事件。查看全部
-
事件流:从页面中接受事件的顺序(事件冒泡流,事件捕获流);查看全部
-
实践冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。查看全部
-
IE浏览器是事件冒泡流;Netscape是事件捕获流!查看全部
-
push() ;将目标元素加入数组查看全部
-
DOM2级,添加事件(addEventListener/attachEvent),移除事件(removeEventListener/detachEvent)查看全部
-
Dom事件对象 1.事件类型:event.type 2.事件目标:event.srcElement 3.阻止事件冒泡:event.stopPropagation 4.阻止默认事件:event.preventDeafault IE8以下事件对象(window.event) 1.事件类型:event.type 2.事件目标:event.target 3.阻止事件冒泡:event.cancelBubble = true 4.阻止默认事件:event.returnValue = false查看全部
-
事件冒泡的概念查看全部
-
DOM0级和DOM2级优点: 可以给标签(比如按钮)添加多个事件,这些事件按照添加顺序执行。查看全部
-
IE浏览器是事件冒泡流;Netscape是事件捕获流!查看全部
举报
0/150
提交
取消