这是可以获取点击对象的方法:
<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的内容就是了