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動態給對象添加事件的簡單方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。