javascript,事件委托
web前端-js教程
本文为大家简单介绍了javascript事件委托的用法及其好处，供大家参考，具体内容如下erp系统生产管理源码 sb,ubuntu 18和16,tomcat管理员作用,爬虫的利与弊,php算法实际用途,麻城市seo优化排名价格表lzw
事件委托:利用冒泡的原理，把事件加到父级上，触发执行效果，好处：提高性能，新添加的元素还会有之前的事件。
event对象：事件源，不管在哪个事件中，只要你操作的那个元素就是事件源
给力折800 源码,vscode开多个窗口,ubuntu 编程 音频,tomcat怎么找到类,爬虫炒作,php字符串数字相加,庐江seo优化费用,HTML5手机网站源码查看,网站系统模板jsplzw
获取事件源：IE：window.event.srcElement
抽手机号活动源码,vscode中怎么配置c,ubuntu 目录太长,关闭tomcat自启,easyclick怎样爬虫,wdcp重启php,玩转微信公众号seo,程序开发网站程序下载,永和首页模板lzw
标准下：event.target target.nodeName来判断是哪个标签代码应用如下：
window.onload=function (){ var oUl=document.getElementById('ul1'); var oBtn=document.getElementById('btn1'); var iNow=5; //事件源的方法依然保留父级事件！ 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); }} 11111 22222 3333333 44444444 66666666