很多购物网站的搜索功能,都是你在文本框中输入东西后直接回车就跳到搜索页了,但是在文本框外按回车是不会响应的,自己看了一下他们的代码,像中关村商城的是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" 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>
分享到:
相关推荐
文本框回车事件 如果一全页面有很多的按钮,那么文本框的回车事件就会执行第一个按钮事件。那么如何让文本框回车后指定执行一个按钮事件呢??请下载吧。
【ASP.NET编程知识】ASP.Net中英文复合检索文本框实现思路及代码.docx
非常不错的asp.net自定义日期控件,文本框样式点击选择日期,不用再去加载JS的日期控件了,让代码更简洁
ASP.NET漂亮可编辑文本框,安装插件,然后直接拖入界面,比普通的FCK编辑器漂亮许多。
ASP.net 水印文本框 在文本框没有内容的时候,会显示一个默认的水印内容。
ASP.NET页面事件.rarASP.NET页面事件.rar
本文实例展示了asp.net调用系统设置字体文本框的方法,是进行web开发中很实用的技巧。具体实现步骤如下: 一、调用系统字体文本框 首先在bin文件夹右击–>添加引用–>.net标签里选择:System.Windows.Forms–>确定 ...
asp.net类似注册码文本框的输入程序asp.net类似注册码文本框的输入程序asp.net类似注册码文本框的输入程序
Asp.net的TextBox回车触发事件.<script language="javascript">
又四种从ASP.NET页面将数据导出到excel中的方法
用ASP.NET Callback 和JavaScript 高速访问数据库用ASP.NET Callback 和JavaScript 高速访问数据库用ASP.NET Callback 和JavaScript 高速访问数据库
天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp...
ASP.NET中前台javascript与后台代码调用
本章介绍如何创建您的第一个简单的 ASP.NET 页面。 ASP.NET 服务器控件 本章介绍 ASP.NET 服务器控件。 ASP.NET 事件 本章介绍一些 ASP.NET 事件句柄。 ASP.NET Forms ASP.NET WEB 表单 本章介绍 ASP.NET 的 ...
asp.net页面加载前进度条 .net 滚动条 C# .net页面状态
asp.net页面显示正在加载、提交表单显示进度条
asp.net C# javascript, javascript图片切换效果asp.net C# javascript, javascript图片切换效果asp.net C# javascript, javascript图片切换效果asp.net C# javascript, javascript图片切换效果
ASP.NET编写的JavaScript文本控件设计样版
ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET...