-
IE中的事件对象 （1）type属性。用于获取事件类型 （2）srcElement属性。用于获取事件的目标 （3）cancelBubble属性。用于阻止事件冒泡，设置为true表示阻止冒泡，设置为false表示不阻止冒泡 （4）returnValue属性。用于阻止事件的默认行为，设置为false表示阻止事件的默认行为查看全部
-
DOM中的事件对象： （1）type属性。用于获取事件类型 （2）target属性。用于获取事件目标 （3）stopPropagation()方法。用于阻止事件冒泡 （4）preventDefault()方法。阻止事件的默认行为。<a href="#">超链接</a> 例子： function showMsg(event){ alert(event.type); } function showMsg(event){ alert(event.target); } function showMsg(event){ alert(event.target.nodeName); event.stopPropagation(); } function stopGo(event){ event.stopPropagation(); event.preventDefault(); } <a href="aa.html">超链接</a> //用于stopGo方法查看全部
-
事件处理程序查看全部
-
IE事件处理程序 attachEvent() 添加事件 detachEvent() 删除事件 两个方法都接收相同的两个参数：事件处理程序的名称和事件处理程序的函数。 不使用第三个参数的原因：IE8以及更早的浏览器版本只支持事件冒泡！ 例子： function showMsg(){ alert(11); } btn3.attachEvent('onclick',showMsg); btn3.detachEvent('onclick',showMsg); 支持IE事件处理程序的浏览器是IE和Opera 跨浏览器事件处理程序 var eventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addHandleListenter(type,handler,false); } else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; //DOMO事件处理程序判断 } }, //删除句柄 removehandler：function(element,type,handler){ if(element.romoveEventListener){ element.romoveHandleListenter(type,handler,false); } else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } } eventUtil.addHandler(btn3,'click',showMsg); eventUtil.removeHandler(btn3,'click',showMsg);查看全部
-
DOM2级事件定义两个方法： 用于处理指定和删除事件处理程序的操作，addEventListener()和removeEventListener()。 两个方法都接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值。 例子： function showMsg(){ alert(11); } btn3.addEventListener('click',showMsg,false); //添加事件，兼容各种浏览器 btn3.addEventListener('click',function showMsg(){ alert(this.value); //this引用被触发的元素 },false); //添加事件，兼容各种浏览器 btn3.removeEventListener('click',showMsg,false); //删除事件查看全部
-
DOM0级事件处理程序：较传统的方式是把一个函数赋值给一个事件的处理程序属性，是用的比较多的方法，具有简单、跨浏览器的优势。 例子：给btn2添加onclick事件 var btn2 = document.getElementById('btn2'); btn2.onclick=function(){ alert(11); } btn2.onclick=null; //删除onclick事件查看全部
-
HTML事件的缺点：html和js代码紧密的耦合在一起。不方便修改 例子： <input type="button" value="按钮" id="btn" onclick="showMsg()"> js： function(){ alert(11); }查看全部
-
事件流 事件捕获：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。 事件冒泡：事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上传播至最不具体的那个节点(文档)。查看全部
-
事件流：描述的是从页面中接受事件的顺序 IE---------事件冒泡流 firefox----事件捕获流 事件冒泡：事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上传播至最不具体的那个节点(文档)。查看全部
-
IE事件处理程序： attachEvent()添加事件 detachEvent()删除事件 参数：事件，事件处理程序 没有布尔值是因为默认是冒泡事件 事件需要加上on 能力检测(事件封装) JS中能用点.的地方，都能用中括号查看全部
-
DOM2级处理程序： 用于处理指定和删除事件处理程序的操作； addEventListener()和removeEventListner()； addEventListener('click', function, false); //click等事件要去掉on btn3.removeEventListener('click', showMes, false);//只能通过remover删除； DOM0和DOM2级优点：可以同时添加多个事件查看全部
-
DOM0处理程序：先把元素取出来，将事件添加为元素的属性； 屏蔽了HTML事件的缺点。 btn2.onclick=function(){}; btn2.onclick=null;查看全部
-
事件处理程序： HTML事件处理程序； 缺点：HTML和JS代码紧密耦合。修改时麻烦。查看全部
-
事件对象查看全部
-
事件捕获：不太具体的节点应该最早接受到事件，而最具体的节点最后接受到事件。查看全部
举报
0/150
提交
取消