javascript動態添加’onkeypress’事件

<script language="javascript" type="text/javascript">
function srchtxtAddOnKeyPress()
{
if(window.addEventListener)
    { 
//其它瀏覽器的事件代碼: Mozilla, Netscape, Firefox
        //添加的事件的順序即執行順序 //注意用 addEventListener 添加帶on的事件，不用加on 
        document.getElementById('srchtxt').addEventListener('keypress', keyPressEvt, false);
    }
else
       {
//IE 的事件代碼 在原先事件上添加 add 方法
          document.getElementById('srchtxt').attachEvent('onkeypress',keyPressEvt);
      }
}
function keyPressEvt()
{
if(event.keyCode==13)
    {
        alert('您按了斷行符號鍵');
    }
};
 window.load=srchtxtAddOnKeyPress();
</script>

<input type="text" id="srchtxt" />

如上代碼，window.load=srchtxtAddOnKeyPress() 等同於 body的onload()事件。一般我們將js放置在頁面的 head 部分。但，在這裡，如果放在head部分肯定出錯。因為頁面會先載入js，然後再載入<input type="text" id="srchtxt" />這樣，在啟動並執行時候，就會出錯。提示找不到  srchtxt 對象。為瞭解決此問題，我們只需要將這段代碼加到頁面底部即可。也就是說只要放置在 <input type="text" id="srchtxt" /> 之後，就可以順利運行。