下面小編就為大家帶來一篇JS動態給對象添加事件的簡單方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。
WEB項目中,我們常常會碰到要動態對相應的對象添加事件,如下,有id="txtPrice"的文本框控件:
<div>
<input type="text" id="txtPrice" name = "txtPrice" value = "0"/>
<div>
現在我們為其動態添加一事件,JS核心代碼如下:
document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功!')});
【補充】
有時候為了實現不同瀏覽器之前的兼容,我們會這樣寫:
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動態給對象添加事件的簡單方法就是小編分享給大家的全部內容了,希望能給大家一個參考