1. 程式人生 > >輸入框按回車鍵,執行函式

輸入框按回車鍵,執行函式

html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標題頁-學無憂(www.xue51.com)</title>

   <script language="javascript">
     function changeFocus()
    {
       if(event.keyCode==13)
          event.keyCode=9;
    }
    </script>

<!-- 需要在body中新增一個包含文字框的table,其中的文字框需要呼叫上面的方法。 -->

</head>
<body>
<table id="mytbl" width="300" height="50" border="0" cellspacing="2" 
cellpadding="0" bgcolor="#FFb609">
  <tr> 
    <td> <input type=text id="txt1" onkeydown="changeFocus()" /></td>
<td>  <input type=text id="txt2" onkeydown="changeFocus()"  /></td>
  </tr>
  <tr> 
    <td>  <input type=text id="txt3"  onkeydown="changeFocus()" /></td>
<td>  <input type=text id="txt4" onkeydown="changeFocus()" /></td>
  </tr>
</table>
<input type="text" size="30" id="KeyWord_input" value="" title="請輸入關鍵字" onkeydown="if(event.keyCode==13) find();" />   
</div>
    
</body>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

<script type="text/javascript">
  function find(){
         alert("42342");
    }
    function changeFocus(){
       alert("234363642342");
    }
</script>
</html>