DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS動態給對象添加事件的簡單方法
JS動態給對象添加事件的簡單方法
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved