很多購物網(wǎng)站的搜索功能，都是你在文本框中輸入東西后直接回車就跳到搜索頁了，但是在文本框外按回車是不會(huì)響應(yīng)的，自己看了一下他們的代碼，像中關(guān)村商城的是PHP寫的，搜索就是一個(gè)form，里面一個(gè)textbox一個(gè)submit按鈕，這樣在textbox中按下回車后會(huì)自動(dòng)的提交到form中的action，自己是用ASP.NET寫的，一個(gè)頁面就一個(gè)form，自己寫了一個(gè)響應(yīng)文本框中回車的東西出來，自己測試過，IE6,8，F(xiàn)IREFOX,CHROME中瀏覽正常，代碼：
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test_mulform.aspx.cs" Inherits="test_mulform" %>
-
-
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
-
-
- <script type="text/javascript">
- function responseEnter(e) {
- // 響應(yīng)回車
- var key = window.event ? e.keyCode : e.which;
- if (key == 13) {
- //alert("回車了");
- search();
- }
- }
- function search() {
- // 搜索
- var key = document.getElementById("key").value;
- if (key.length == 0) {
- document.getElementById("key").focus(); // 如果不給表單return false的話這句代碼就執(zhí)行不了，因?yàn)楸韱我呀?jīng)提交的
- alert("請輸入搜索關(guān)鍵字！");
- } else {
- var url = "SearchItem.aspx?key=" + encodeURI(key) + "&typeid=0&typename=所有分類";
- window.open(url);
- }
- }
- </script>
-
-
- </head>
- <body>
- <form id="form1" runat="server" onsubmit="return false;">
- <input id="key" type="text" onkeypress="responseEnter(event);" />
- <button style="cursor: pointer;" onclick="search();" type="button">
- 搜索
- </button>
- <div><%=DateTime.Now %></div>
- </form>
- </body>
- </html>
