JS實現(xiàn)動態(tài)給標簽控件添加事件的方法示例
更新時間：2017年05月13日 11:41:22 作者：aparche
這篇文章主要介紹了JS實現(xiàn)動態(tài)給標簽控件添加事件的方法,結(jié)合實例形式分析了javascript簡單實現(xiàn)動態(tài)添加事件的相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)動態(tài)給標簽控件添加事件的方法。分享給大家供大家參考，具體如下：
<!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ù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了js中hash和ico的關(guān)聯(lián)分析,以實例形式分析了location.hash與ico的加載順序關(guān)系,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了微信小程序中視頻的顯示與隱藏,思路大概是定義一個標記變量，控制視頻的播放與暫停，本文結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-10-10
JavaScrip實現(xiàn)圖片壓縮與分辨率等比例縮放
這篇文章主要為大家詳細介紹了如何使用JavaScrip實現(xiàn)圖片壓縮與分辨率等比例縮放,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
2024-03-03 
JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解
這篇文章主要介紹了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能,結(jié)合實例形式詳細分析了JavaScript生成隨機字符串的方法及相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下
2018-05-05 
這篇文章主要為大家詳細介紹了js+html5實現(xiàn)側(cè)滑頁面效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07 
這篇文章主要介紹了JS中的防抖與節(jié)流及作用詳解，本文通過文字說明加示例代碼的形式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2021-10-10 
建立良好體驗度的Web注冊系統(tǒng)ajax...
2007-07-07 
這篇文章主要介紹了微信小程序整合使用富文本編輯器的方法,結(jié)合實例形式分析了微信小程序整合與使用富文本插件WxParse相關(guān)步驟與操作技巧,需要的朋友可以參考下
2019-04-04 
js中foreach是用于遍歷數(shù)組的方法,將遍歷到的元素傳遞給回調(diào)函數(shù),遍歷的數(shù)組不能是空的要有值,下面這篇文章主要給大家介紹了關(guān)于JavaScript中forEach的錯誤用法,需要的朋友可以參考下
2022-06-06