-
事件冒泡查看全部
-
本章内容 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阻止事件的默认行为查看全部
-
javascript中element.onclick===element['onclick']查看全部
-
IE事件处理程序及跨浏览器解决方法attachEvent()与detachEvent()查看全部
-
通过addEventListener()添加的事件只能用removeEventLitener()来删除查看全部
-
DOM2级事件处理程序查看全部
-
DOM0级事件处理程序查看全部
-
HTML事件处理程序查看全部
-
QQ面板的切换效果: //开始一进页面 ul状态列表是隐藏的 //点击div 显示ul状态选择列表 //遍历Li给每个状态添加事件 onmouseover onmouseout onclick //完成点击给定的li状态 吧其 innerHTML状态文本和class 更新同步到起始div中 ////最后要实现选择完状态后 要隐藏掉ul状态面板 + 点击 document任意处 隐藏掉ul 则要注意--------给它们加上阻止冒泡查看全部
-
事件对象(dom与IE)查看全部
-
DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,会按照顺序执行。 DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。 DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效)查看全部
-
DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,会按照顺序执行。 DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。 DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效)查看全部
-
addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture捕捉方式(由外向里)。查看全部
-
注意这样取法 title=box.getElementsByTagName('cite')[0], menu=box.getElementsByTagName('ul')[0], as=box.getElementsByTagName('a'),查看全部
-
防止事件冒泡: var event=event || window.event; if(event.stopPropagation) { event.stopPropagation(); } else{event.cancelBubble=true;}查看全部
举报
0/150
提交
取消