JS中動(dòng)態(tài)添加事件(綁定事件)的代碼
更新時(shí)間:2011年01月09日 18:51:38 作者:
有時(shí)候?yàn)榱烁玫膶?shí)現(xiàn)代碼分離,不用把時(shí)間直接寫到代碼中。通過(guò)動(dòng)態(tài)綁定事件即可。
兩種方式:直接給對(duì)象添加事件,節(jié)點(diǎn)添加事件
例如給一個(gè)id為tab1的添加onclick事件
第一種情況:
var t = document.getElementById("tab1");
t.onclick = function tst(){
alert('');
}
第二種情況
var tb = document.getElementById("tab1");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('11'), false);
td_value.addEventListener('click', alert('12'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('21');});
td_value.attachEvent('onclick', function(){alert('2'2);});
}
例如給一個(gè)id為tab1的添加onclick事件
第一種情況:
復(fù)制代碼 代碼如下:
var t = document.getElementById("tab1");
t.onclick = function tst(){
alert('');
}
第二種情況
復(fù)制代碼 代碼如下:
var tb = document.getElementById("tab1");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('11'), false);
td_value.addEventListener('click', alert('12'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('21');});
td_value.attachEvent('onclick', function(){alert('2'2);});
}
您可能感興趣的文章:
相關(guān)文章
ES6的異步操作之promise用法和async函數(shù)的具體使用
這篇文章主要介紹了ES6的異步操作之promise用法和async函數(shù)的具體使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12QRCode.js二維碼生成并能長(zhǎng)按識(shí)別
這篇文章主要為大家詳細(xì)介紹了QRCode.js二維碼生成并能長(zhǎng)按識(shí)別,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10IE不出現(xiàn)Flash激活框的小發(fā)現(xiàn)的js實(shí)現(xiàn)方法
IE不出現(xiàn)Flash激活框的小發(fā)現(xiàn)的js實(shí)現(xiàn)方法...2007-09-09Javascript 模擬點(diǎn)擊事件(點(diǎn)擊鏈接與html點(diǎn)擊) 兼容IE/Firefox
Javascript 模擬點(diǎn)擊事件,一般情況下ie支持的,firefox并不支持。所以可以通過(guò)下面的方法解決。2010-01-01微信小程序開(kāi)發(fā)之選項(xiàng)卡(窗口底部TabBar)頁(yè)面切換
本文主要介紹了微信小程序開(kāi)發(fā)之選項(xiàng)卡(窗口底部TabBar)頁(yè)面切換的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04