JS腳本實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法
本文實(shí)例講述了JS腳本實(shí)現(xiàn)動(dòng)態(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); //會(huì)替代原有事件方法 //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:代碼排版貌似不太盡如人意,這里小編給大家推薦幾款代碼格式化工具,相信在以后的編程開(kāi)發(fā)中能夠用得到:
C語(yǔ)言風(fēng)格/HTML/CSS/json代碼格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json
在線(xiàn)JavaScript代碼美化、格式化工具:
http://tools.jb51.net/code/js
JavaScript代碼美化/壓縮/格式化/加密工具:
http://tools.jb51.net/code/jscompress
在線(xiàn)JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具:
http://tools.jb51.net/code/json
json代碼在線(xiàn)格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題:《JavaScript中ajax操作技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS中動(dòng)態(tài)添加事件(綁定事件)的代碼
- 多種方法實(shí)現(xiàn)JS動(dòng)態(tài)添加事件
- javascript下給元素添加事件的方法與代碼
- javascript 動(dòng)態(tài)添加事件代碼
- js動(dòng)態(tài)添加事件并可傳參數(shù)示例代碼
- JavaScript使用addEventListener添加事件監(jiān)聽(tīng)用法實(shí)例
- JS動(dòng)態(tài)給對(duì)象添加事件的簡(jiǎn)單方法
- JavaScript動(dòng)態(tài)添加事件之事件委托
- 老生常談js動(dòng)態(tài)添加事件--- 事件委托
- JS實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法示例
相關(guān)文章
GoJs中導(dǎo)出圖片或者SVG實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了GoJs中導(dǎo)出圖片或者SVG實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05javascript省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單實(shí)例演示
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單很詳細(xì)的代碼,解決了大家實(shí)現(xiàn)javascript省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單的問(wèn)題,感興趣的小伙伴們可以參考一下2015-11-11使用FormData實(shí)現(xiàn)上傳多個(gè)文件
這篇文章主要為大家詳細(xì)介紹了使用FormData實(shí)現(xiàn)上傳多個(gè)文件功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12javascript文件加載管理簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript文件加載管理簡(jiǎn)單實(shí)現(xiàn)方法,可實(shí)現(xiàn)順序加載所有js文件的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07基于JS如何實(shí)現(xiàn)給字符加千分符(65,541,694,158)
JS如何實(shí)現(xiàn)給字符加千分符,本文給大家?guī)?lái)了基于js實(shí)現(xiàn)的代碼,代碼簡(jiǎn)單易懂,感興趣的朋友一起學(xué)習(xí)吧2016-08-08Javascript 創(chuàng)建類(lèi)并動(dòng)態(tài)添加屬性及方法的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇Javascript 創(chuàng)建類(lèi)并動(dòng)態(tài)添加屬性及方法的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10js對(duì)圖片base64編碼字符串進(jìn)行解碼并輸出圖像示例
這篇文章主要介紹了js對(duì)圖片base64編碼字符串進(jìn)行解碼并輸出圖像的具體實(shí)現(xiàn),大家可以參考下面的示例2014-03-03微信小程序結(jié)合mock.js實(shí)現(xiàn)后臺(tái)模擬及調(diào)試
這篇文章主要介紹了微信小程序結(jié)合mock.js實(shí)現(xiàn)后臺(tái)模擬及調(diào)試,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03