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

下面小編就為大家?guī)硪黄狫S動(dòng)態(tài)給對(duì)象添加事件的簡單方法。小編覺得挺不錯(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ì)象添加事件的簡單方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:JS動(dòng)態(tài)給對(duì)象添加事件的簡單方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

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