javascript响应回车

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test_mulform.aspx.cs" Inherits="test_mulform" %>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head runat="server">  
  6.     <title></title>  
  7.   
  8.     <script type="text/javascript">  
  9.         function responseEnter(e) {   
  10.             // 响应回车   
  11.             var key = window.event ? e.keyCode : e.which;   
  12.             if (key == 13) {   
  13.                 //alert("回车了");   
  14.                 search();   
  15.             }   
  16.         }   
  17.         function search() {   
  18.             // 搜索   
  19.             var key = document.getElementById("key").value;   
  20.             if (key.length == 0) {                   
  21.                 document.getElementById("key").focus(); //无效   
  22.                 alert("请输入搜索关键字！");   
  23.             } else {   
  24.                 var url = "SearchItem.aspx?key=" + encodeURI(key) + "&typeid=0&typename=所有分类";   
  25.                 window.open(url);   
  26.             }   
  27.         }   
  28.     </script>  
  29.   
  30. </head>  
  31. <body>  
  32.  <form id="form1" runat="server" onsubmit="return false;">  
  33.     <input id="key" type="text" onkeypress="responseEnter(event);" />  
  34.     <button style="cursor: pointer;" onclick="search();" type="button">  
  35.         搜索   
  36.     </button>  
  37.     <div><%=DateTime.Now %></div>  
  38.  </form>  
  39. </body>  
  40. </html>  
posted @ 2010-07-26 08:47  zhdonghu  阅读(349)  评论(0)  编辑  收藏  举报