javascript自定義回車事件

admin發表於2017-03-08
JavaScript事件

點選Enter鍵一般會有進入程式或者提交表單的功能，下面再來介紹一下如何自定義回車事件。

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>自定義回車事件</title>
<script type="text/javascript">
window.onload=function(){
  var mytext=document.getElementById("mytext");
  //定義回車事件
  if (mytext.addEventListener) {//如果是Firefox
    mytext.addEventListener("keypress", fireFoxHandler, true);
  }
  else{
    mytext.attachEvent("onkeypress", ieHandler);
  }
  function fireFoxHandler(evt) {
    if (evt.keyCode == 13) {
      alert("點選回車了");
    }
  }
  function ieHandler(evt) {
    if (evt.keyCode == 13) 
    {
      alert("點選回車了");
    }
   }
}
</script>
</head>
<body>
<input type="text" id="mytext" />
</body>
</html>

當文字框獲得焦點，點選回車就會觸發自定義的回車事件。

特別說明:

1.關於事件註冊可以參閱javascript如何註冊事件處理函式一章節。

2.keyCode等於12表示當前按鍵是Enter鍵。

相關文章