快捷導(dǎo)航

JS動(dòng)態(tài)給對(duì)象添加事件的簡(jiǎn)單方法

更新時(shí)間：2016年07月19日 10:02:12 投稿：jingxian

下面小編就為大家?guī)硪黄狫S動(dòng)態(tài)給對(duì)象添加事件的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

WEB項(xiàng)目中，我們常常會(huì)碰到要?jiǎng)討B(tài)對(duì)相應(yīng)的對(duì)象添加事件，如下，有id="txtPrice"的文本框控件：

 <div>
  <input type="text" id="txtPrice" name = "txtPrice" value = "0"/>
 <div>

現(xiàn)在我們?yōu)槠鋭?dòng)態(tài)添加一事件，JS核心代碼如下：

document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功！')});

【補(bǔ)充】

有時(shí)候?yàn)榱藢?shí)現(xiàn)不同瀏覽器之前的兼容，我們會(huì)這樣寫：

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1 if(window.attachEvent)
{
  document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功！')});      
}
else
{  
  document.getElementById("txtPrice").addEventListener('onblur', function (){alert('添加事件成功！')}，false);
}

以上這篇JS動(dòng)態(tài)給對(duì)象添加事件的簡(jiǎn)單方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序使用map組件實(shí)現(xiàn)路線規(guī)劃功能示例
這篇文章主要介紹了微信小程序使用map組件實(shí)現(xiàn)路線規(guī)劃功能,結(jié)合具體實(shí)例形式分析了微信小程序基于map組件的地理位置獲取、路徑規(guī)劃等相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
layui 給數(shù)據(jù)表格加序號(hào)的方法
今天小編就為大家分享一篇layui 給數(shù)據(jù)表格加序號(hào)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
設(shè)為首頁(yè)加入收藏兼容360/火狐/谷歌/IE等主流瀏覽器的代碼
不用找了我試過好多次ie、火狐、谷歌瀏覽器此代碼都是不可逆兼容，想把這個(gè)問題完全解決，方法就是像其他主流網(wǎng)站一樣，下面是我的簡(jiǎn)單解決方案
2013-03-03
js實(shí)現(xiàn)上傳圖片之上傳前預(yù)覽圖片
此功能用js實(shí)現(xiàn)，然后在fileupload控件的change事件中調(diào)用，這樣當(dāng)用fileupload選擇完圖片以后，圖片就會(huì)自動(dòng)顯示出來了，感興趣的各位可以參考下哈
2013-03-03
用js實(shí)現(xiàn)的抽象CSS圓角效果!!
用js實(shí)現(xiàn)的抽象CSS圓角效果!!...
2007-05-05
JavaScrip實(shí)現(xiàn)前端文件下載并接收文件流
在前端,處理文件下載通常涉及到接收一個(gè)文件流,本文為大家整理了前端文件下載并接受文件流的一些常見方法,有需要的小伙伴可以參考一下
2024-12-12
微信接入之獲取用戶頭像的方法步驟
這篇文章主要介紹了微信接入之獲取用戶頭像的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
javascript表單是否為空驗(yàn)證方法
表單驗(yàn)證在很多地方都可以用到，本文詳細(xì)的介紹了javascript表單是否為空驗(yàn)證方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
JS中跨頁(yè)面調(diào)用變量和函數(shù)的方法(例如a.js 和 b.js中互相調(diào)用)
下面小編就為大家?guī)硪黄狫S中跨頁(yè)面調(diào)用變量和函數(shù)的方法(例如a.js 和 b.js中互相調(diào)用)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
js實(shí)現(xiàn)單擊可修改表格
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)單擊可修改表格，類似成績(jī)單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04