快捷導(dǎo)航

JS實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法示例

更新時(shí)間：2017年05月13日 11:41:22 作者：aparche

這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法,結(jié)合實(shí)例形式分析了javascript簡(jiǎn)單實(shí)現(xiàn)動(dòng)態(tài)添加事件的相關(guān)操作技巧,需要的朋友可以參考下

本文實(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事件與功能說(shuō)明大全：
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é)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

原生js+cookie實(shí)現(xiàn)購(gòu)物車功能的方法分析
這篇文章主要介紹了原生js+cookie實(shí)現(xiàn)購(gòu)物車功能的方法,結(jié)合實(shí)例形式分析了javascript結(jié)合cookie存儲(chǔ)實(shí)現(xiàn)購(gòu)物車功能的相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
20多個(gè)小事例帶你重溫ES10新特性(小結(jié))
這篇文章主要介紹了20多個(gè)小事例帶你重溫ES10新特性(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
一文詳解JS與TS的主要區(qū)別
TypeScript(簡(jiǎn)稱 TS)和JavaScript(簡(jiǎn)稱 JS)都是用于編寫Web應(yīng)用程序的語(yǔ)言,下面這篇文章主要給大家介紹了關(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)化實(shí)例分析
這篇文章主要介紹了es6函數(shù)之尾調(diào)用優(yōu)化,結(jié)合實(shí)例形式分析了es6函數(shù)尾調(diào)用優(yōu)化相關(guān)功能、原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
多瀏覽器兼容的動(dòng)態(tài)加載 JavaScript 與 CSS
Omar AL Zabir這位MVP總是喜歡搞些稀奇古怪同時(shí)又很實(shí)用的小東西，并且還十分值得參考。最近他就做了一個(gè)叫做ensure的小工具用于動(dòng)態(tài)加載JavaScript、CSS與HTML，而且IE、Firefox、Opera、Safari都支持了，那么我們就來(lái)看看ensure是如何做到動(dòng)態(tài)加載JavaScript與CSS的。
2008-09-09
Javascript模塊化機(jī)制實(shí)現(xiàn)原理詳解
這篇文章主要介紹了Javascript模塊化機(jī)制實(shí)現(xiàn)原理詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-04-04
js和html5實(shí)現(xiàn)手機(jī)端刮刮卡抽獎(jiǎng)效果完美兼容android/IOS
手機(jī)完美支持html5,所以如果手機(jī)端想要做個(gè)抽獎(jiǎng)模塊的話,用刮刮卡抽獎(jiǎng)效果,相信這個(gè)互動(dòng)體驗(yàn)是非常棒的，本人親自完成，有錯(cuò)誤請(qǐng)大家指出
2013-11-11
JS中精巧的自動(dòng)柯里化實(shí)現(xiàn)方法
給大家詳細(xì)分析了JS中精巧的自動(dòng)柯里化實(shí)現(xiàn)方法并通過(guò)代碼實(shí)例分析了過(guò)程和原理，參考學(xué)習(xí)下吧。
2017-12-12
js獲取圖片的base64編碼并壓縮
這篇文章主要介紹了js獲取圖片的base64編碼并壓縮，幫助大家更好的理解和使用js，感興趣的朋友可以了解下
2020-12-12