JS中動(dòng)態(tài)添加事件(綁定事件)的代碼
更新時(shí)間：2011年01月09日 18:51:38 作者：
有時(shí)候?yàn)榱烁玫膶?shí)現(xiàn)代碼分離，不用把時(shí)間直接寫到代碼中。通過動(dòng)態(tài)綁定事件即可。
兩種方式：直接給對象添加事件,節(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)文章
用js模擬struts2的多action調(diào)用示例
這篇文章主要介紹了用js模擬struts2的多action調(diào)用的實(shí)現(xiàn)過程，需要的朋友可以參考下2014-05-05
原生javascript實(shí)現(xiàn)獲取指定元素下所有后代元素的方法
這篇文章主要介紹了原生javascript實(shí)現(xiàn)獲取指定元素下所有后代元素的方法,在進(jìn)行web程序設(shè)計(jì)時(shí)是非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10
一個(gè)很有趣的標(biāo)簽云兼容 IE 8親測可用，不是基于jQuery的，所以不需要引入，下面是具體的代碼實(shí)現(xiàn)2014-08-08
javascript實(shí)現(xiàn)任務(wù)欄消息提示的簡單實(shí)例
下面小編就為大家?guī)硪黄猨avascript實(shí)現(xiàn)任務(wù)欄消息提示的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
用兩個(gè)感嘆號的作用就在于，如果明確設(shè)置了o中flag的值（非null/undefined/0""/等值），自然test就會(huì)取跟o.flag一樣的值；如果沒有設(shè)置，test就會(huì)默認(rèn)為false，而不是null或undefined2011-12-12
這篇文章主要介紹了關(guān)于layui的按鈕禁用與恢復(fù)方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)菜單跳轉(zhuǎn)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
JS動(dòng)態(tài)圖片的實(shí)現(xiàn)方法完整示例
這篇文章主要介紹了JS動(dòng)態(tài)圖片的實(shí)現(xiàn)方法,結(jié)合完整實(shí)例形式分析了JavaScript鼠標(biāo)響應(yīng)與頁面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
在Js中有一些比較冷門但是非常好用的方法，我在這里稱之為高級方法，這些方法沒有被廣泛使用或多或少是因?yàn)榇嬖谝恍┘嫒菪缘膯栴}，不是所有的瀏覽器都讀得懂的，這篇文章主要就是對這些方法做一個(gè)總結(jié)，讓我們一起來看一下吧2023-06-06
通過自定義webpack插件,利用執(zhí)行完成編譯的封存階段后,產(chǎn)生的產(chǎn)物module.fileDependencies,生成依賴的文件組,通過讀文件的方式,將待掃描的文件組和有依賴關(guān)系的文件進(jìn)行對比,這篇文章主要介紹了自定義刪除無依賴文件的webpack插件,需要的朋友可以參考下2023-12-12