JS實現(xiàn)動態(tài)給標(biāo)簽控件添加事件的方法示例
更新時間：2017年05月13日 11:41:22 作者：aparche
這篇文章主要介紹了JS實現(xiàn)動態(tài)給標(biāo)簽控件添加事件的方法,結(jié)合實例形式分析了javascript簡單實現(xiàn)動態(tài)添加事件的相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)動態(tài)給標(biāo)簽控件添加事件的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script language="javascript">
function set() {
var obj = document.getElementById("fy");
//obj.attachEvent('onfocus', add); //在原先事件上添加
//obj.setAttribute('onfocus',add); //會替代原有事件方法
//obj.onfocus=add;
//等效obj.setAttribute('onfocus',add);
if (window.addEventListener) {
//其它瀏覽器的事件代碼: Mozilla, Netscape, Firefox
//添加的事件的順序即執(zhí)行順序
//注意用 addEventListener 添加帶on的事件，不用加on
obj.addEventListener('focus', add, false);
} else {
//IE 的事件代碼 在原先事件上添加 add
方法obj.attachEvent('onfocus', add);
}
}
function add() {
alert("已經(jīng)成功添加事件");
}
</script>
<body>
<input type="text" onfocus="alert('預(yù)設(shè)事件');" id="fy" />
<input type="button" onclick="set();" value="sssss"/>
</body>
</html>
PS：這里再為大家附上javascript事件參考表供大家參考查詢：
javascript事件與功能說明大全：
http://tools.jb51.net/table/javascript_event
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了原生js+cookie實現(xiàn)購物車功能的方法,結(jié)合實例形式分析了javascript結(jié)合cookie存儲實現(xiàn)購物車功能的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了20多個小事例帶你重溫ES10新特性(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
TypeScript(簡稱 TS)和JavaScript(簡稱 JS)都是用于編寫Web應(yīng)用程序的語言,下面這篇文章主要給大家介紹了關(guān)于JS與TS的主要區(qū)別,需要的朋友可以參考下2024-03-03
extjs中form與grid交互數(shù)據(jù)(record)的方法
這篇文章介紹了extjs中form與grid交互數(shù)據(jù)(record)的方法，有需要的朋友可以參考一下2013-08-08
es6函數(shù)之尾調(diào)用優(yōu)化實例分析
這篇文章主要介紹了es6函數(shù)之尾調(diào)用優(yōu)化,結(jié)合實例形式分析了es6函數(shù)尾調(diào)用優(yōu)化相關(guān)功能、原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2020-04-04
多瀏覽器兼容的動態(tài)加載 JavaScript 與 CSS
Omar AL Zabir這位MVP總是喜歡搞些稀奇古怪同時又很實用的小東西，并且還十分值得參考。最近他就做了一個叫做ensure的小工具用于動態(tài)加載JavaScript、CSS與HTML，而且IE、Firefox、Opera、Safari都支持了，那么我們就來看看ensure是如何做到動態(tài)加載JavaScript與CSS的。2008-09-09
這篇文章主要介紹了Javascript模塊化機制實現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-04-04
js和html5實現(xiàn)手機端刮刮卡抽獎效果完美兼容android/IOS
手機完美支持html5,所以如果手機端想要做個抽獎模塊的話,用刮刮卡抽獎效果,相信這個互動體驗是非常棒的，本人親自完成，有錯誤請大家指出2013-11-11
給大家詳細分析了JS中精巧的自動柯里化實現(xiàn)方法并通過代碼實例分析了過程和原理，參考學(xué)習(xí)下吧。2017-12-12
這篇文章主要介紹了js獲取圖片的base64編碼并壓縮，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2020-12-12