文本框中按回车提交JS实现

最新推荐文章于 2023-11-16 20:41:59 发布
最新推荐文章于 2023-11-16 20:41:59 发布
阅读量147 收藏
点赞数
文章标签： xhtml c#
原文链接：http://www.cnblogs.com/luchaoshuai/archive/2008/04/29/1176561.html
版权

由于之前的网站大部分已经完成.现在要增加在搜索框中输入关键字后按回车直接提交.先写个demo测试一下.可以完成. 

在IE的文本框里面按回车..默认是表单提交
判断在按回车时返回掉就OK 不会提交了

友情提示:FF下面JS代码失效.

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    public int i
    {
        get
        {
            int tmp = 0;
            if (ViewState["i"]!=null)
            {
                int.TryParse(ViewState["i"].ToString(),out tmp);
            }
            return tmp;
        }
        set
        {
            ViewState["i"] = value;
        }
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write( i++);
    }
    protected void lkBtnSearch_Click(object sender, EventArgs e)
    {
        Response.Write(tbWords.Text);
    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="tbWords" runat="server"></asp:TextBox>
        <asp:LinkButton ID="lkBtnSearch" runat="server" οnclick="lkBtnSearch_Click">LinkButton</asp:LinkButton>
    </div>
    </form>
</body>
</html>
function document.onkeydown()
{
    if (event.keyCode ==13)
    {
        var e =event.srcElement;

        //alert(e.nextSibling.id);//为什么用兄弟节点取不到？
        //alert(e.parentElement.children[1].id);

        if(e.tagName=='INPUT' && e.value.length>0)
        {
            var btn = e.parentElement.children[1];
            if(btn && btn.tagName=='A')
            {
                btn.click();
                return true;
            }
        }
        return false;
    }
}

转载于:https://www.cnblogs.com/luchaoshuai/archive/2008/04/29/1176561.html

weixin_30343157
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
文本框回车提交与禁止提交示例
09-05
综上，文本框回车提交与禁止提交是网页交互中的常见需求，通过JavaScript和HTML事件监听可以轻松实现。在实现这些功能的同时，不要忘记进行必要的输入验证和考虑无障碍性，以提供更好的用户体验。
js光标定位文本框回车表单提交问题的解决方法
10-24
主要介绍了js光标定位文本框回车表单提交问题的解决方法,涉及javascript阻止浏览器默认事件的方法,需要的朋友可以参考下
JS实现文本框按回车提交
wmqdn的专栏
06-06 3073
1.实现按Enter等同Tab的功能 if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcEl
【转】JS回车提交
weixin_33901641的博客
12-27 103
protected void Page_Load(object sender, EventArgs e) { this.Page.SetFocus(TextBox1);//设置焦点 } ------------------------------------------- protected void Page_Load(object sender, EventArgs e) { //回车后 Bu...
在文本框按回车 表单自动提交的解决方法
weixin_34198583的博客
07-24 166
今天碰到了一个问题如下：在一个表单中只含有一个<input type="text" />，当焦点在该输入框时，按回车form就自动提交了。据说是IE的一个BUG.当页面中只有一个input type="text"时,当按回车键,IE就自作主张帮你提交FORM了.解决办法:解决办法是在页面中多加一个 <input style="display:none" />注意：<...
js屏蔽文本框回车提交
weixin_30265171的博客
10-15 169
有的时候页面中有个文本框，回车后会触发点击事件，如果不想触发可以这样处理： <inputonkeydown="if(event.keyCode==13){event.keyCode=0;returnfalse}"> 转载于:https://www.cnblogs.com/zzxbest/archive/2010/10/15/1852...
文本框中,回车键触发事件的js代码[多浏览器兼容]
phper
04-18 807
判断是否按下的为回车非常简单: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受 ...不用纠结于此,两个都写上吧 但是,到了FF下面,又会出现矛盾.FF
jsp中如何实现按下回车键自动提交表单
10-21
总结来说，通过JavaScript（或者使用库如jQuery）监听键盘事件，检查回车键的按键码，并在检测到回车键被按下时触发表单的提交，可以在JSP中实现按下回车键自动提交表单的功能。这样，用户无需手动点击提交按钮，只...
Form表单按回车自动提交表单的实现方法
09-01
在前端开发中，表单交互是用户界面的重要组成部分，而其中的一个常见需求是让用户通过按回车键自动提交表单。本文将详细讲解如何实现这一功能，并探讨在不同情况下是否需要自动提交表单。 首先，当一个`<form>`表单...
HTML+JS 实现 input 框回车事件
m0_55080712的博客
09-09 1万+
很多时候input框我们输入结束后都习惯直接按回车，而不是点击button。在form表单中可以实现点击回车即可提交表单，但如果只是一个单独的input框，则无法通过直接按回车来提交内容。这种情况我们可以使用JavaScript脚本实现input框回车事件，其实现方法很简单，这里用到了jQuery框架，代码如下：只需要在script标签中直接加入以下内容即可。keycode==13即代表按下了回车键，同理可以通过更改此代码实现其他按键的触发事件。
js表单提交enter触发提交
总结前端开发中遇到的问题，分享前端知识
06-23 488
<div> <label for="username">用户名：</label><input type="text" id="username" value="123"> </div> <div> <label for="password">密 码：</label><input type="password" id="password" value="123"></div&g.
JavaScript回车事件
最新发布
qq_60504665的博客
11-16 4534
在代码中，我们同样使用addEventListener()方法添加了一个键盘事件监听器，并在按下回车键时触发sendMessage()函数来发送消息。需要注意的是，在发送消息后，我们还需要将输入框中的文本清空，以便用户可以方便地输入下一条消息。因此，在监听器中需要通过判断keyCode属性的值来确定是否按下的是回车键，从而执行相应的操作。在监听器中，我们还需要获取到用户输入的关键字，并通过关键字来进行相应的搜索操作。这时候需要监听文本框的回车事件，并在按下回车键后触发发送消息的操作。
input输入框按回车键提交表单问题
蓝沐的博客
03-16 1万+
今天发现一个奇怪的问题，当页面只有一个input文本框（type="text"）时，将鼠标焦点置于这个文本框，然后按回车键（enter键）时会提交表单数据。查了一下，原来这是浏览器的默认行为，当form中只有一个input文本框（type="text"）时，用户按回车键会提交这个form表单。从这句话中我们就可以得到产生这种行为的条件就是（1）form中只有一个文本框。（2）用户在文本框中...
使用JavaScript控制文本输入框在按下回车时进行数据提交！
面向对象
10-14 616
假设有一个文本输入框，也可以是一个表单： 如： &lt;input id="searchProductText" name="textfield" type="text" class="font-hui14" value="请在此输入商品名" size="28" onkeypress="if(event.keyCode==13
js在文本框回车触发事件的方法
热门推荐
lujianfeiccie2009的专栏
04-01 4万+
先写一个js方法function getKey() { if(event.keyCode==13){ alert('click enter'); } }在输入框加上onkeypress"getKey()" URL:
在文本框中输入内容，点击“添加”按钮后添加到列表框中；点击“删除”按钮则从列表框中删除选中的元素。
ELF1111的博客
04-17 4641
在文本框中输入内容，点击“添加”按钮后添加到列表框中；点击“删除”按钮则从列表框中删除选中的元素。 protected void Button1_Click(object sender, EventArgs e) { // ListBox1.Text= TextBox1.Text+ ListBox1.Text; this.List...
当只有一个input的时候按回车键时，input会默认提交表单
09-03 1万+
原本笔者是想练习一下输入提示这个功能的，在写这个小例子的时候确发现了一个很奇怪的事，如下： 我是想实现如下图的功能： 在输入框输入字符，匹配显示包含输入字符的记录，按上下键可以从结果中选择，本想在结果上点击回车键就选中此记录的，但在只有一个的情况下按下回车键居然会直接提交表单了，笔者水平有限，知其然而不知其所以然，只知道如果加多一个标记就不会提交表单，这里希望得到高手们的详细解释。
js中怎么才能按下回车键可以提交？写出具体实现步骤
04-18
3. 判断按下的键是否是回车键（keyCode为13），如果是，则执行提交操作。 4. 提交操作可以使用form.submit()方法提交表单，或者使用Ajax方式提交数据。 代码示例： HTML代码： 提交 JavaScript代码： var ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值