码迷,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
迷上了代码!