給js動(dòng)態(tài)創(chuàng)建的對(duì)象綁定事件
標(biāo)簽:
JavaScript
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)
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦