ASP.NET页面中用javascript响应文本框的回车事件

最新推荐文章于 2024-09-22 16:27:07 发布

learning_1

最新推荐文章于 2024-09-22 16:27:07 发布

阅读量101

点赞数

文章标签： ASP.net .net ASP JavaScript Chrome ViewUI

本文链接：https://blog.csdn.net/learning_1/article/details/83644197

版权

很多购物网站的搜索功能，都是你在文本框中输入东西后直接回车就跳到搜索页了，但是在文本框外按回车是不会响应的，自己看了一下他们的代码，像中关村商城的是PHP写的，搜索就是一个form，里面一个textbox一个submit按钮，这样在textbox中按下回车后会自动的提交到form中的action，自己是用ASP.NET写的，一个页面就一个form，自己写了一个响应文本框中回车的东西出来，自己测试过，IE6,8，FIREFOX,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) {
            // 响应回车
            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(); //无效
                alert("请输入搜索关键字！");
            } else {
                var url = "SearchItem.aspx?key=" + encodeURI(key) + "&typeid=0&typename=所有分类";
                window.open(url);
            }
        }
    </script>

</head>
<body>
 <form id="form1" runat="server" οnsubmit="return false;">
    <input id="key" type="text" οnkeypress="responseEnter(event);" />
    <button style="cursor: pointer;" οnclick="search();" type="button">
        搜索
    </button>
    <div><%=DateTime.Now %></div>
 </form>
</body>
</html>