首页 > 代码库 > 给js动态创建的对象绑定事件
给js动态创建的对象绑定事件
1、使用原生JS动态为动态创建的对象绑定事件
1-1、创建一个function,用来兼容IE8以下浏览器添加事件
function addEvent(el, type, fn) {
if(el.addEventListener){
el.addEventListener(type,fn,false)
}else if(el.attachEvent()){
el.attachEvent(‘on‘ + type,fn,false)
}else{
return false
}
}
1-2、使用JS创建对象,调用上面的方法
function append(){
var body=document.getElementsByTagName(‘body‘)[0];
var btn=document.createElement(‘button‘);
btn.type=‘button‘
btn.innerHTML=‘确定‘
addEvent(btn,‘click‘,function(){
console.log(this.tagName) //结果:BUTTON
})
body.appendChild(btn);
}
append() //执行append方法
2、使用jQuery为动态创建的对象绑定事件
var btn = document.createElement(‘button‘)
$(btn).attr("type","button")
$(btn).html(‘确定‘)
$(btn).click(function(){
console.log(this.tagName) //结果:BUTTON
})
$("body").append(btn)
给js动态创建的对象绑定事件