首页 > 原生的js事件有问

原生的js事件有问

$("div").on('click',function(){
console.log('点击了'+$(this).data('name'));
})
这段代码如果用原生的写应该怎么写


楼上的,我权限不够点不了反对,麻烦至少也是

var div=document.getElementsByTagName("div")[0];//看你取的第几个
div.addEventListener('click',function(){
console.log('点击了'+$(this).data('name'));//如果要绑定所有div 要一个个addEventListener ,或者用事      //件冒泡什么的,看需求
})

//兼容性解决
function addevent(obj,event,func){
    if(obj.attachEvent){
        obj.attachEvent("on"+event,func)
    }
    else{
        obj.addEventListener(event,func,false);
    }
}
var adiv=document.getElementsByTagName('div');
for(var i=0;i<adiv.length;i++){

    addevent(adiv[i],'click',function(){
        console.log(this.data('name'));
    })

}

楼上的,我权限不够点不了反对,开玩笑

var div = document.querySelectorAll('div');
[].forEach.call(div, function(item) {
  item.addEventListener('click', function() {
    console.log('点击了' + this.dataset.name);
  });
});
【热门文章】
【热门文章】