javascript - 原生的js事件有问-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 原生的js事件有问

ringa_lee 2017-04-10 15:20:31

[JavaScript讨论组]

454

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

ringa_lee

全部回复(3)

巴扎黑2017-04-10 15:22:31 3楼

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

var p = document.querySelectorAll('p');
[].forEach.call(p, function(item) {
  item.addEventListener('click', function() {
    console.log('点击了' + this.dataset.name);
  });
});

赞 +0

添加回复

阿神2017-04-10 15:22:31 2楼

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

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

}

赞 +0

添加回复

PHPz2017-04-10 15:22:31 1楼

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

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>