JS動態(tài)給對象添加事件的簡單方法
WEB項目中,我們常常會碰到要動態(tài)對相應(yīng)的對象添加事件,如下,有id="txtPrice"的文本框控件:
<div> <input type="text" id="txtPrice" name = "txtPrice" value = "0"/> <div>
現(xiàn)在我們?yōu)槠鋭討B(tài)添加一事件,JS核心代碼如下:
document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功!')});
【補充】
有時候為了實現(xiàn)不同瀏覽器之前的兼容,我們會這樣寫:
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動態(tài)給對象添加事件的簡單方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序ajax實現(xiàn)請求服務(wù)器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能示例
這篇文章主要介紹了微信小程序ajax實現(xiàn)請求服務(wù)器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能,結(jié)合實例形式分析了微信小程序ajax調(diào)用及模板wx:for循環(huán)列表渲染相關(guān)操作技巧,需要的朋友可以參考下2017-12-12JS實現(xiàn)的新浪微博大廳文字內(nèi)容滾動效果代碼
這篇文章主要介紹了JS實現(xiàn)的新浪微博大廳文字內(nèi)容滾動效果代碼,可實現(xiàn)頁面圖文元素定時滾動的效果,涉及JavaScript時間函數(shù)定時改變頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-11-11javascript實現(xiàn)九宮格相加數(shù)值相等
這篇文章主要介紹了javascript實現(xiàn)九宮格相加數(shù)值相等的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-02-02