事件代理（event的target属性）

event的target属性

一个题：请通过事件代理实现当点击每一个li标签，弹出相应li标签内的内容

Event对象提供了一个属性叫target，可以返回事件的目标节点，我们称为事件源，也就是说，target就可以表示为当前的事件操作的dom，但是不是真正操作dom，当然，这个是有兼容性的，标准浏览器用ev.target，IE浏览器用event.srcElement，此时只是获取了当前节点的位置，并不知道是什么节点名称，这里我们用nodeName来获取具体是什么标签名，这个返回的是一个大写的，我们需要转成小写再做比较

<div>

    <ul id="ul1">

        <li>111</li>

        <li>222</li>

        <li>333</li>

        <li>444</li>

    </ul>

</div>

window.onload=function(){

        var oUl = document.getElementById("ul1");

    　　oUl.onclick = function(ev){

    　　　　var ev = ev || window.event;

    　　　　var target = ev.target || ev.srcElement;

    　　　　if(target.nodeName.toLowerCase() == 'li'){

    　　　　　　　  alert(target.innerHTML);

    　　　　}

    　　}

    }

巴特西

事件代理（event的target属性）

event的target属性

最新文章

热门文章