码迷,mamicode.com
首页 > 其他好文 > 详细

事件委托 兼容性写法

时间:2018-05-02 15:54:15      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:cas   console   add   class   json   nod   ntb   name   listen   

var ul = document.getElementById("ul")
    var json = [{"a":"1","b":"2","c":"3"},{"a":"2","b":"2","c":"3"},{"a":"3","b":"2","c":"3"}]
    // $.each(json,function (index,item) {
    //     var li = ‘<li>‘+item.a+‘</li>‘
    //     $("ul").append(li)
    // })
    for(i = 0;i<json.length;i++){
        var lis = ‘<li>‘+json[i].a+‘</li>‘
        $("ul").append(lis)
    }
    var addEvent = function(element,type,callback){
        if(element.addEventListener){
            element.addEventListener(type,callback,false);
        }else if(element.attachEvent){
            element.attachEvent(‘on‘ + type,callback)
        }

    }

    addEvent(document.getElementById(‘ul‘), ‘click‘, function (event) {
        var event = event || window.event;
        var target = event.target || event.srcElement;
        if (target.nodeName.toLowerCase() == ‘li‘) {
            console.log(target.innerHTML)
        }

 

事件委托 兼容性写法

标签:cas   console   add   class   json   nod   ntb   name   listen   

原文地址:https://www.cnblogs.com/guoxianglei/p/8979842.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!