-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档) input----->document查看全部
-
event.stopPropagation()查看全部
-
IE采用冒泡事件流,使用attachEvent()和detachEvent()处理事件,去掉布尔值! 事件还要加上on查看全部
-
事件对象在ie与其他浏览器的用法查看全部
-
事件处理程序<br> 4.IE事件处理(需要加on,与dom截然相反)<br> attachEvent()添加事件<br> deattachEvent()删除事件<br> obj.attachEvent("事件",函数)<br> obj.detachEvent("事件",函数)<br> <br> 5.跨浏览器的事件处理程序<br> addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(element,type,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(element,type,false); }else if(element.detachEvent){ element.detachEvent("on"+type,handler); }else{ element["on"+type]=null; } }查看全部
-
使用事件处理程序 1.HTML事件处理程序 2.DOM 0级事件处理程序 较传统的方式:把一个函数赋值给一个事件的处理程序属性 3.DOM 2级事件处理程序 DOM2级事件定义了两个方法: 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListner()。 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值。 对同一元素可使用多个事件,但不太兼容一些浏览器 obj.addEventListener("click",调用的函数名,布尔值true执行false开始不执行) 通过addEvenListenert添加的事件只能用removeEventListener去除查看全部
-
事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。查看全部
-
时间冒泡:即时间最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。查看全部
-
联系查看全部
-
跨浏览器事件处理程序查看全部
-
事件处理程序查看全部
-
事件对象event:在触发DOM上的事件时都会产生一个对象。 DOM中的事件对象 1.type属性,用于获取事件类型 2.target属性,用于获取事件目标 function showMes(event){ alert(event.target); } 3.stopPropagation()方法,用于阻止事件冒泡 4.preventDefault()方法,阻止事件的默认行为,比如a标签的跳转查看全部
-
跨浏览器的事件处理程序 var eventUtil = { addHandler:function(element,type,handler) { if(element.addEventListener) { element.addEventListener(type,hander,false); }else if(element.attachEvent) { element.attachEvent('on' + type,hander); }else{ element['on' + type] = handler; } }, removeHandler:function(element,type,handler) { if(element.removeEventListener) { element.addEventListener(type,hander,false); }else if(element.detachEvent) { element.detachEvent('on' + type,hander); }else{ element['on' + type] = null; } } } eventUtil.addHandler(btn3,'click',showMes); eventUtil.removeHandler(btn3,'click',showMes);查看全部
-
IE事件处理程序:attachEvent()添加事件和detachEvennt()删除事件 接收相同的两个参数:事件处理程序的名称和事件处理程序的函数 IE8及更早的浏览器版本只支持事件冒泡 btn3.attachEvent('onclick',showMes); 支持IE事件处理程序的浏览器:IE和OPERA btn3.detachEvent('onclick',showMes);查看全部
-
DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作addEventListener()和removeEventListener() 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值 btn3.addEventListener('click',showMes,false);//事件名要去掉on,false表示冒泡 通过addEventListener添加的事件只能通过removeEventListener删除 DOM0级和DOM2级均可添加多个事件 IE有自己的事件处理程序查看全部
举报
0/150
提交
取消