《javascript大事托付的用法及其好处简析_.docx》由会员分享,可在线阅读,更多相关《javascript大事托付的用法及其好处简析_.docx(4页珍藏版)》请在三一文库上搜索。
1、javascript大事托付的用法及其好处简析_ 本文为大家简洁介绍了javascript大事托付的用法及其好处,供大家参考,具体内容如下 大事托付:利用冒泡的原理,把大事加到父级上,触发执行效果, 好处:提高性能,新添加的元素还会有之前的大事。 event对象:大事源,不管在哪个大事中,只要你操作的那个元素就是大事源 猎取大事源: IE:window.event.srcElement 标准下:event.target target.nodeName来推断是哪个标签 代码应用如下: !DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/EN
2、 l1/DTD/xhtml1-transitional.dtd html xmlns=l head style /style meta http-equiv=Content-Type content=text/html; charset=utf-8 / title/title script type=text/javascript window.onload=function () var oUl=document.getElementById(ul1); var oBtn=document.getElementById(btn1); var iNow=5; /大事源的方法依旧保留父级大事!
3、oUl.onmouseover=function(ev) var ev=ev|window.event; var target=ev.target|ev.srcElement; if(target.nodeName.toLowerCase()=li) target.style.background=red; oUl.onmouseout=function(ev) var ev=ev|window.event; var target=ev.target|ev.srcElement; if(target.nodeName.toLowerCase()=li) target.style.background=; oBtn.onclick=function() iNow+; var oLi=document.createElement(li); oLi.innerHTML=111*iNow; oUl.appendChild(oLi); /script /head body input type=button value=添加 id=btn1 ul id=ul1 li11111/li li22222/li li3333333/li li44444444/li li66666666/li /ul /body /html 以上就是本文的全部内容,盼望对大家的学习有所关心。 .