原理:利用事件冒泡的原理,把事件加载到父级上面,触发执行效果
作用:
jquery里面可以这么匹配id
var cls = $(e.srcElement || e.target).attr("id");
通过事件委托,减少不必要的循环
,js性能上面的优化<!doctype html>
<html lang="en"><head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="div1">
<p class="p1">我是p标签</p>
<span class="span">
我是span标签
</span>
<a href="" class="a">我是a标签</a>
</div>
</body>
<script type="text/javascript">
window.οnlοad=function(){
var div1=document.getElementById("div1");
div1.οnclick=function(e){
e=e||window.event;
var el=e.target || e.srcElement;
var cls=el.className;
switch(cls){
case "p1":
alert("我是p标签");
break;
case "span":
alert("我是span标签");
break;
case "a":
alert("我是a标签");
break;
}
}
}
</script>
</html>