首页 > 其他 > 详细

事件委托 兼容性写法

时间:2018-05-02 14:00:07      阅读:285      评论:0      收藏:0      [点我收藏+]
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)
        }

 

事件委托 兼容性写法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!