惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog
量子位
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Last Week in AI
Last Week in AI
酷 壳 – CoolShell
酷 壳 – CoolShell
人人都是产品经理
人人都是产品经理
Jina AI
Jina AI
雷峰网
雷峰网
博客园_首页
WordPress大学
WordPress大学
博客园 - 司徒正美
爱范儿
爱范儿
博客园 - 聂微东
IT之家
IT之家
美团技术团队
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
有赞技术团队
有赞技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
T
Tailwind CSS Blog
博客园 - Franky
V
V2EX
GbyAI
GbyAI
阮一峰的网络日志
阮一峰的网络日志

博客园 - Insus.NET

Vue3实现拖放式上传 拖放式上传 实现MultipartStreamProvider经Web API上传文档或图片 文件上传和表单字段混合提交 在HttpContext.Current返回null时如何操作 angularjs根据类型动态加载组件 angularjs获取数据服务 扫一扫直连WiFi二维码 User Profile Service 服务未能登录 Visual Studio2026创建Vue项目 安装与配置node.js HTTP Error 403.14 - Forbidden VisualStudio2026回滚上一版本 消息认证码(加强) 网站无法使用插值字符串语法 HMAC(Hash-based Message Authentication Code)认证示例 浏览器自动发送域凭据 企业内小网站兼用Windows验证登录 访问用户控件的函数 onblur事件改为监听处理 将警报消息改为吐司消息 内容有无变化OnBlur即时更新引起的问题与解决 混合式提高用户编辑与操作效率 光标离开文框后即刻更新 WebForm实现Web API JavaScript对GridView删除行后并重新给其数据绑定 把CS值传给JS使用 v2 确认信息confirm由C#后端移至javascript前端 无法发布网站Web Site JavaScript判断字符是否为decimal
文本框输入完后直接按回车提交数据
Insus.NET · 2026-04-02 · via 博客园 - Insus.NET

开发时,一般这样子,一个文本框,一个按钮,
用户输入完,再鼠标点击铵钮来提交数据。
这样子,习惯与效率均会有影响。

另一种情况,在文本框TextBox添加:

 AutoPostBack="true" OnTextChanged="xxx_click"

2个属性与事件,这样会引起页面闪动与回发。

还有一种情况,使用Javascript的焦点事件blur来实现,虽然不会冒泡,亦得用户鼠标点击文本框外来触发。

下面来改变一下。
按照用户操作习惯,在文本框中输入完文本后,往往直接按回车,而不是再转手用鼠标点击。

 <asp:TextBox ID="TextBoxSheBeiBianHao" runat="server" AutoPostBack="false"></asp:TextBox>
 <asp:Button ID="ButtonVerify" runat="server"
     Text="设备编码"
     OnClick="ButtonVerify_Click"
     Style="display: none;" />

把铵钮Button隐藏起来, style="display:none"

再写javascript程序,监听用户铵回车Enter或

e.keyCode === 13


对了,选引用jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2026-04-02_13-45-54

<script type="text/javascript">
$(document).on('keydown', function (e) {
    if (e.key === 'Enter' || e.keyCode === 13) {
        var activeElement = document.activeElement;
        var inputId = '<%= TextBoxSheBeiBianHao.ClientID %>';

         if (activeElement.id === inputId) {
             e.preventDefault();
             $('#<%= ButtonVerify.ClientID %>').click();
         } else if (activeElement.id !== inputId) {
             e.preventDefault();
         }
     }
 });
</script>

View Code

 protected void ButtonVerify_Click(object sender, EventArgs e)
 {
    //这里拿到文本框用户输入的值。
    //进行处理......
}