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事件
第一種情況：
復制代碼 代碼如下:
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);});
}
相關文章
![JS 字符串連接[性能比較]](http://img.jbzj.com/images/xgimg/bcimg0.png)
js字符串連接實現(xiàn)代碼。2009-05-05
ES6的異步操作之promise用法和async函數(shù)的具體使用
這篇文章主要介紹了ES6的異步操作之promise用法和async函數(shù)的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
這篇文章主要介紹了Servlet返回的數(shù)據(jù)js解析2種方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細介紹了QRCode.js二維碼生成并能長按識別，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
prettify是Google提供的一款源代碼語法高亮著色器，它提供一種簡單的形式來著色HTML頁面上的程序代碼，最值得亮點的地方是不需要指明代碼的語言類型，它會自動進行判斷。2010-12-12
今天小編就為大家分享一篇解決layUI的頁面顯示不全的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
IE不出現(xiàn)Flash激活框的小發(fā)現(xiàn)的js實現(xiàn)方法
IE不出現(xiàn)Flash激活框的小發(fā)現(xiàn)的js實現(xiàn)方法...2007-09-09
這篇文章主要為大家詳細介紹了用JS編寫選項卡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Javascript 模擬點擊事件(點擊鏈接與html點擊) 兼容IE/Firefox
Javascript 模擬點擊事件,一般情況下ie支持的，firefox并不支持。所以可以通過下面的方法解決。2010-01-01
微信小程序開發(fā)之選項卡(窗口底部TabBar)頁面切換
本文主要介紹了微信小程序開發(fā)之選項卡(窗口底部TabBar)頁面切換的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04