JS動態(tài)給對象添加事件的簡單方法
來源:易賢網(wǎng) 閱讀:1457 次 日期:2016-07-26 15:14:54
溫馨提示:易賢網(wǎng)小編為您整理了“JS動態(tài)給對象添加事件的簡單方法”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄狫S動態(tài)給對象添加事件的簡單方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。

WEB項目中,我們常常會碰到要動態(tài)對相應的對象添加事件,如下,有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)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:JS動態(tài)給對象添加事件的簡單方法
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)