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