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

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

 

 

时间: 2024-10-25 00:40:01

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

asp.net中用javascript实现文本框输入为空 则弹出对话框

问题描述 为了检验文本框的text属性不为空,用js写了functioncheck(){alert("输入信息为空");}然后在cs文件中调用该js函数,this.btnAdd.Attributes["onclick"]="javascript:check();";预期效果:点击btnAdd按钮,检验textbox的text属性,如果输入为空,则弹出警告对话框.实际效果:第一次点击btnAdd按钮时,不会弹出任何对话框,请问为什么?(questi

Silverlight中文本框添加回车事件后,换行无法清除的解决方法

在开发Silverlight的项目中,为了更好的用户体验,我们常要给一些控件添加一些快捷键.然而,在Silverlight中当用户回车提交后,光标停留在文本框的第二行怎么也清除不掉,经过一段时间研究,终于找到解决方法,特写此文章与大家分享一下: 有时候我们在网站中,比如用户评论,添加一个回车键盘事件,快速提交,需要给文本框添加键盘事件处理方法,在这里先说一下组合键的使用方法,代码如下: private void txtToSend_KeyDown(object sender, KeyEventA

JavaScript获取文本框内选中文本的方法

 这篇文章主要介绍了JavaScript获取文本框内选中文本的方法,实例分析了javascript通过onclick获取文本框选中文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 代码如下: <script type="text/javascript"&

JavaScript获取文本框内选中文本的方法_javascript技巧

本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 复制代码 代码如下: <script type="text/javascript"> function getFieldSelection(select_field) {     word='';     if (document.selection) {   

如何在Gridview中用JavaScript用提示框来显示鼠标经过的行号

问题描述 如何在Gridview中用JavaScript用提示框来显示鼠标经过的行号??? 解决方案 解决方案二:不是吧,没有人回复啊,好像这个问题不是太难的啊.解决方案三:学习学习JavaScript用的不太好!!!解决方案四:在gridview的rowdatabound事件写if(e.Row.RowType==DataControlRowType.DataRow){e.row.attributes.add("onmouseover","showdiv('"+e.

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

  本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法.分享给大家供大家参考.具体如下: html代码: ? 1 2 3 4 5 6 7 8 9 <form name="searchform" id="search-form"> <div> <b>Search</b> <input type="text" name="txtInput" t

javascript限制文本框输入值类型的方法

  这篇文章主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件.键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了javascript限制文本框输入值类型的方法.分享给大家供大家参考.具体分析如下: 要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入; 重点是我希望在用户输入时就做限制,而不是提交时判断--也就是说如果用户在文本框内输入数字或小数点,可以正常输入;如果输入字母等非数字字符,则文本框会没有任何

在页面上放一个文本框和一个按钮,想文本框中输入内容点击按钮,读出输入的内容。发声的。可以听见的 谢谢。急急急急!!!!!!!!!!!!

问题描述 在页面上放一个文本框和一个按钮,想文本框中输入内容点击按钮,读出输入的内容.发声的.可以听见的谢谢.急急急急!!!!!!!!!!!!

javascript设置文本框光标的方法实例小结_javascript技巧

本文实例总结了javascript设置文本框光标的方法.分享给大家供大家参考,具体如下: 对于text //得到光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange