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:這里再為大家附上javascript事件參考表供大家參考查詢:
javascript事件與功能說明大全:
http://tools.jb51.net/table/javascript_event
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家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)聽用法實(shí)例
- JS腳本實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法
- JS動(dòng)態(tài)給對象添加事件的簡單方法
- JavaScript動(dòng)態(tài)添加事件之事件委托
- 老生常談js動(dòng)態(tài)添加事件--- 事件委托
相關(guān)文章

JavaScrip實(shí)現(xiàn)圖片壓縮與分辨率等比例縮放

JS實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能詳解

js+html5實(shí)現(xiàn)側(cè)滑頁面效果

建立良好體驗(yàn)度的Web注冊系統(tǒng)ajax

JavaScript中forEach的錯(cuò)誤用法匯總