事件(下)

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

<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的内容就是了

猜你喜欢

转载自blog.csdn.net/scwMason/article/details/80976684