Asp.Net回车键触发Button的OnClick事件解决方案

叁歲伎倆 2023-10-17 20:34 55阅读 0赞

在aspx页面有textbox文本框，还有三个button按钮。启用textbox的TextChanged事件和button的click事件。

问题：

现在在textbox文本框输入完数据按“回车”后，会触发TextChanged事件，但同时还会触发该页面第一个button按钮的Click事件。

解决方法一：

当在文本框中敲回车的时候,表单提交。因为在.net中一个Page只有一个form表单。所以也就有一个Sumbit事件。

当UseSubmitBehavior的属性是True的时候,表单的提交就会触发此事件。

先后顺序是先触发点击事件，然后触发 UseSubmitBehavior为True的button的click时间。

当然如果有多个button就会默认的触发第一个button事件。

为了解决该问题将UseSubmitBehavior改为false即可。（多个button时，UseSubmitBehavior全改为false。）

解决方法二：

（当你要用button的OnClientClick弹出确认窗口的时候，如果UseSubmitBehavior为false，不论你选择什么都不会执行服务器的button的OnClick代码，这时候就需要用解决方法二）

解决方法来自孟子E章：

private void Page\_Load(object sender, System.EventArgs e)   
\{   
 TextBox1.Attributes.Add("onkeydown","if(event.keyCode==13) \{this.blur();return false\}");   
\}   
private void Button1\_Click(object sender, System.EventArgs e)   
\{   
 Response.Write("Button");   
\}   
private void TextBox1\_TextChanged(object sender, System.EventArgs e)   
\{Response.Write(TextBox1.Text);   
\}

(确保TextBox1的AutoPostBack属性为True，实际使用中发现，只要设置为true，不需要上面的代码也可以解决问题。)

另外，可以设置 客户端ID.focus() or 设置tabIndex 属性。

发表评论取消回复

表情：

评论列表（有 0 条评论，55人围观）

还没有评论，来说两句吧...

相关阅读

相关 Asp.Net回车键触发Button的OnClick事件解决方案

在aspx页面有textbox文本框，还有三个button按钮。启用textbox的TextChanged事件和button的click事件。问题：现在在textbox

叁歲伎倆/ 2023年10月17日 20:34/ 0 赞/ 56 阅读

相关 Vue 中使用回车键触发事件的方法详解

系列文章目录 -------------------- 文章目录系列文章目录前言一、使用 @keyup.enter 事件监听回车键

客官°小女子只卖身不卖艺/ 2023年10月12日 22:24/ 0 赞/ 49 阅读

相关 jquery点击事件(jquery触发点击事件onclick)

jquery实现远程http的get请求用哪个事件？jquery ![jquery点击事件][jquery] jquery实现远程http的get请求用哪个事件？jq

系统管理员/ 2023年09月26日 15:01/ 0 赞/ 192 阅读

相关 js 回车键触发搜索

document.onkeydown = function (event) { e = event ? event : (window.even

女爷i/ 2022年12月26日 10:16/ 0 赞/ 177 阅读

相关 IE8中，回车键自动触发layui中button的lay-event事件

原因：IE中回车键会自动绑定`button`的`submit`事件解决：将`button`加上`type="button"`属性一般可解决问题。若上述方法不行，将可

Bertha 。/ 2022年11月25日 04:11/ 0 赞/ 179 阅读

相关回车键触发事件

回车键触发事件 $scope.user_search = function (e) { var keycode = window.event ? e

╰+攻爆jí腚メ/ 2022年11月22日 05:18/ 0 赞/ 251 阅读

相关【Jquery实战】按下回车键触发事件

1、点击button按钮后弹出一个窗口，然后再弹出页面按下回车键将需要的值传入父页面，并关闭当前弹出层。js触发事件如下： ![Image 1][] 注：ul元素中的值是动

深碍√TFBOYSˉ_/ 2022年07月15日 11:29/ 0 赞/ 265 阅读

相关【Jquery实战】按下回车键触发事件

1、点击button按钮后弹出一个窗口，然后再弹出页面按下回车键将需要的值传入父页面，并关闭当前弹出层。js触发事件如下： ![Image 1][] 注：ul元素中的值是动

迷南。/ 2022年07月15日 11:29/ 0 赞/ 503 阅读

相关 iScroll click事件触发两次的解决方案

iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(\_end这个函数)。而在

﹏ヽ暗。殇╰゛Y/ 2022年07月14日 02:55/ 0 赞/ 254 阅读

相关 jsp页面_按回车键触发事件

一般在列表页面中，都会带有查询按钮，当输入完查询条件后，如果需要通过鼠标点击“查询”按钮才发起查询，那么就感觉不够方便，那么我们就可以修改为按下回车键的时候发起查询。

柔光的暖阳◎/ 2022年05月19日 12:05/ 0 赞/ 287 阅读