ASP.NET页面中用javascript响应文本框的回车事件-阿里云开发者社区

开发者社区> niunan> 正文

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

简介: 很多购物网站的搜索功能,都是你在文本框中输入东西后直接回车就跳到搜索页了,但是在文本框外按回车是不会响应的,自己看了一下他们的代码,像中关村商城的是PHP写的,搜索就是一个form,里面一个textbox一个submit按钮,这样在textbox中按下回车后会自动的提交到form中的action,自己是用ASP.
+关注继续查看

     很多购物网站的搜索功能,都是你在文本框中输入东西后直接回车就跳到搜索页了,但是在文本框外按回车是不会响应的,自己看了一下他们的代码,像中关村商城的是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>

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
C#.NET使用Task,await,async,异步执行控件耗时事件(event),不阻塞UI线程和不跨线程执行UI更新,以及其他方式比较
原文:C#.NET使用Task,await,async,异步执行控件耗时事件(event),不阻塞UI线程和不跨线程执行UI更新,以及其他方式比较 使用Task,await,async,异步执行事件(event),不阻塞UI线程和不跨线程执行UI更新   使用Task,await,async 的异步模式 去执行事件(event) 解决不阻塞UI线程和不夸跨线程执行UI更新报错的最佳实践,附加几种其他方式比较 由于是Winform代码和其他原因,本文章只做代码截图演示,不做界面UI展示,当然所有代码都会在截图展示。
3331 0
5个超炫的页面滚动 JavaScript 插件
对于很多单页面网站来说,页面滚动(Page Scrolling)技术是十分常用的。页面滚动基本上可以分为两种,一种是通过浏览器的滚动条,另外一种是根据用户的操作自动滚动。在这篇文章中,我们将介绍5个javascript插件,可以帮你轻松的创建页面滚动效果,你也就不必在重复发明轮子了,专注你的网站设计就好。
493 0
asp.net core轻松入门之MVC中Options读取配置文件
接上一篇中讲到利用Bind方法读取配置文件 ASP.NET Core轻松入门Bind读取配置文件到C#实例 那么在这篇文章中,我将在上一篇文章的基础上,利用Options方法读取配置文件 首先注册MVC服务并添加MVC路由 注册MVC的方法是在ConfigureServices中添加   services.
1191 0
转:JavaScript事件冒泡简介及应用
(本文转载自别处) JavaScript事件冒泡简介及应用   一、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。
708 0
html5 touch事件实现触屏页面上下滑动(一)
最近做的做那个app的项目由于用overflow:hidden导致了很多问题,于是决定研究下html5的touch事件。想找个全面点的帖子真是难死了,虽然好多关于html5 touch的文章但大多都是介绍touch事件或者很简短的小demo。
689 0
javascript 一个关于时间排序的算法(一个页面多个倒计时排序)
上周要做一个活动页面 秒杀列表页 需要一个时间的算法排序 自己琢磨了半天想了各种算法也没搞出来,后来问了下一个后台的php同学 他写了个算法给我看了下 ,刚开始看的时候觉得这就是个纯算法,不能转化成页面的dom效果,可是再看了两遍发现可以 于是我就改了改 实现了 不禁感叹 确实蛮赞的 于是就博一客;...
852 0
怎么用javascript判断一个文件是否存在?
2008-09-09 请问怎么用javascript判断一个文件是否存在?     &nbsp;&nbsp; var fso, filespec='c:\\a.txt'; &nbsp;&nbsp; fso = new ActiveXObject("Scripting.
473 0
+关注
niunan
没有什么网站是数据库增删查改做不了的,如果有,那就不接这单!
237
文章
10
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载