事件（下）

 

 

这是可以获取点击对象的方法：

 

<script type="text/javascript">

 

var wrapper=document.getElementsByClassName("wrapper")[0];

var oppset=document.getElementsByClassName("oppset")[0];

var dirren=document.getElementsByClassName("dirren")[0];

wrapper.onclick=function(e){

var event=e||window.event;

var target=event.target||event.srcElement;

console.log(target);

}

</script>

 

 

 

这样，点击蓝色的区域，就会打印这块的信息

 

案例：

 

<ul>

<li>0</li>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

</ul>

<script>

var ul=document.getElementsByTagName("ul")[0];

ul.onclick=function(e){

var event=e||window.event;

var target=event.target||event.srcElement;

console.log(target.innerText);

}

</script>

这样，将事件绑定在ul上，那么点击到每个li，知道获取源对象（也就是具体到点击了那个li），然后打印出那个li的内容就是了