JS動態(tài)給對象添加事件的簡單方法

字號:


    下面小編就為大家?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)容了,希望能給大家一個參考