JS實現(xiàn)動態(tài)給標簽控件添加事件的方法示例
更新時間：2017年05月13日 11:41:22 作者：aparche
這篇文章主要介紹了JS實現(xiàn)動態(tài)給標簽控件添加事件的方法,結合實例形式分析了javascript簡單實現(xiàn)動態(tài)添加事件的相關操作技巧,需要的朋友可以參考下
本文實例講述了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("已經成功添加事件");
}
</script>
<body>
<input type="text" onfocus="alert('預設事件');" id="fy" />
<input type="button" onclick="set();" value="sssss"/>
</body>
</html>
PS：這里再為大家附上javascript事件參考表供大家參考查詢：
javascript事件與功能說明大全：
http://tools.jb51.net/table/javascript_event
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript事件相關操作與技巧大全》、《JavaScript操作DOM技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了js中hash和ico的關聯(lián)分析,以實例形式分析了location.hash與ico的加載順序關系,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了微信小程序中視頻的顯示與隱藏,思路大概是定義一個標記變量，控制視頻的播放與暫停，本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-10-10
排序是我們在日常開發(fā)中經常遇到的一個功能，下面這篇文章主要給大家介紹了利用JavaScript對中文（漢字）進行排序的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來看看吧。2017-06-06
JavaScrip實現(xiàn)圖片壓縮與分辨率等比例縮放
這篇文章主要為大家詳細介紹了如何使用JavaScrip實現(xiàn)圖片壓縮與分辨率等比例縮放,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-03-03
JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解
這篇文章主要介紹了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能,結合實例形式詳細分析了JavaScript生成隨機字符串的方法及相關優(yōu)化操作技巧,需要的朋友可以參考下2018-05-05
這篇文章主要為大家詳細介紹了js+html5實現(xiàn)側滑頁面效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了JS中的防抖與節(jié)流及作用詳解，本文通過文字說明加示例代碼的形式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
建立良好體驗度的Web注冊系統(tǒng)ajax...2007-07-07
這篇文章主要介紹了微信小程序整合使用富文本編輯器的方法,結合實例形式分析了微信小程序整合與使用富文本插件WxParse相關步驟與操作技巧,需要的朋友可以參考下2019-04-04
js中foreach是用于遍歷數(shù)組的方法,將遍歷到的元素傳遞給回調函數(shù),遍歷的數(shù)組不能是空的要有值,下面這篇文章主要給大家介紹了關于JavaScript中forEach的錯誤用法,需要的朋友可以參考下2022-06-06