Asp.net 回车键代替按钮事件

最新推荐文章于 2018-11-02 17:24:53 发布
最新推荐文章于 2018-11-02 17:24:53 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： asp.net 文章标签： asp.net textbox button object function firefox

从网上收集了一些资源总结一下，实践总结

 

3种方法：

 

第一种

    protected void Page_Load(object sender, EventArgs e)

    {

        //Page.Form.DefaultButton = "ASPxbtnCommit";

 

        SetEnterControl(ASPxbtnCommit);

    }

 

    public static void SetEnterControl(System.Web.UI.Control Ctrl) //设置页面的默认按钮

    { 

       Page mPage = Ctrl.Page; 

       string mScript; 

       mScript = @"<script language=""javascript""> 

        function document.onkeydown() 

        { 

        var e = event.srcElement; 

        var k = event.keyCode; 

        if (k == 13) //13代表回车键

        { 

        document.all." + Ctrl.ClientID + @".click(); 

        event.cancelBubble = true; 

        event.returnValue = false; 

        } 

        } 

        </script>"; 

       if(!mPage.IsClientScriptBlockRegistered("SetEnterControl")) {

        mPage.RegisterClientScriptBlock("SetEnterControl",mScript); 

      }

    }

 

Page.Form.DefaultButton = "ASPxbtnCommit"; 这种方法经过测试不行

 

 

第2种

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

public partial class btnEnter2 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        this.TextBox2.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + this.Button2.ClientID + ".focus();document.all." + this.Button2.ClientID + ".click();}");

 

        TextBox3.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + this.Button3.ClientID + ".focus();document.all." + this.Button3.ClientID + ".click();}");

 

        this.TextBox4.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + this.Button4.ClientID + ".focus();document.all." + this.Button4.ClientID + ".click();}"); 

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        TextBox1.Text = "你激活了按钮1";

    }

    protected void Button2_Click(object sender, EventArgs e)

    {

        TextBox2.Text = "你激活了按钮2";

    }

    protected void Button3_Click(object sender, EventArgs e)

    {

        TextBox3.Text = "你激活了按钮3";

 

    }

    protected void Button4_Click(object sender, EventArgs e)

    {

        TextBox4.Text = "你激活了按钮4";

 

    }

}

第3种
第一步，先编写简单的页面代码，这里我们只需要一个按钮就足够了。当然，还有按钮事件。
<html>
<head>
<title>测试绑定enter</title>
<script type="text/javascript">
function b_onclick()
{
    alert("你好！");
}
</script>
</head>
<body>
<input type="button" value="测试按钮" id="test" οnclick="b_onclick()" />
</body>
</html>
第二步，于b_onclick()函数加入如下js代码：
        function document.onkeydown()
            {
                //使用document.getElementById获取到按钮对象
                var button = document.getElementById("test");
                if(event.keyCode == 13)
                    {
                        button.click();
                        event.returnValue = false;
                    }
            }
然后于IE中运行，你会发现，即使焦点不在按钮上，当你按下回车，依然执行了按钮的函数。
稍微解释一下代码：
    event.keyCode == 13是判断按下的是那一个间，13代表的是回车键。
    button.click();执行按钮事件。
    event.returnValue = false;这个是为了防止浏览器捕捉到用户按下回车键而进行其他操作。例如假如输入框中，没有这行代码的话，在执行完按钮事件后，其还会执行换行的动作。
第三步，很多人都认为做完上面的工作已经完成了整个作业。其实不是的。你尝试使用firefox浏览，就会发现，代码并不会执行。显然，这是因为firefox不支持event事件对象。为了做到跨浏览器，不得不将代码进行优化。
我们可以这个做：
首先，为boby添加一个onkeydown监控函数，如<body οnkeydοwn="BindEnter(event)">。
其次修改原来的绑定函数为：
function BindEnter(obj)
{
    //使用document.getElementById获取到按钮对象
    var button = document.getElementById('test');
    if(obj.keyCode == 13)
        {
            button.click();
            obj.returnValue = false;
        }
}
为什么要将事件对象作为参数传递呢？这是为了避免进行浏览器判别，节省代码。
OK，到这里已经基本完成了。完整代码如下：
<html>
<head>
<title>测试绑定enter</title>
<script type="text/javascript">
function b_onclick()
{
    alert("你好！");
}
function BindEnter(obj)
{
    //使用document.getElementById获取到按钮对象
    var button = document.getElementById('test');
    if(obj.keyCode == 13)
        {
            button.click();
            obj.returnValue = false;
        }
}
</script>
</head>
<body οnkeydοwn="BindEnter(event)">
<input type="button" value="测试按钮" id="test" οnclick="b_onclick()" />
</body>
</html>

广交天下好友
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Asp.net的TextBox回车触发事件
06-02
Asp.net的TextBox回车触发事件.
ASP.NET回车提交事件浅析
01-20
ASP.NET回车提交事件主要涉及HTML表单以及ASP.NET中对表单提交的处理。在HTML中，当用户在表单内输入时按下回车键，浏览器会寻找表单内的第一个`type=submit`的按钮并触发点击事件，从而提交表单。在ASP.NET框架中，...
用回车替代CLICK一个BUTTON
infiltrators的博客
10-31 508
用JS代码实现         aspx:         //回车后执行按钮     language=javascript>     function   SubmitKeyClick(button)       {             if   (event.keyCode   ==   13)       {                     event.cancelBubbl
Asp.net用回车键提交
wxw_317的专栏
05-06 504
 发现asp.net每个页面在创建的时候vs都会自动生成一个表单，有时候我们希望通过enter键来提交表单，因为用户为了方便经常这样做。在asp.net中可以设置任意一个按钮为enter键提交。设置方法是直接在表单里面加入这一句话这里的defaultbutton就是默认提交按钮。
asp.net 实现回车替代Tab
生如夏花之灿烂！
07-23 3604
asp.net 实现回车替代Tab
ASP.NET 按回车登陆
weixin_34007886的博客
02-19 57
  按回车登陆 &lt;asp:TextBox ID="txtPricemax" runat="server" onkeydown="if(event.keyCode==13){(document.getElementById(imgbtnSearchListing)).focus();(document.getElementById(imgbtnSearchListing)).click()...
asp.net控制键盘keycode事件
04-20
在ASP.NET中，开发者经常需要与用户的输入交互，这包括对键盘事件的处理。`keyCode`是JavaScript中的一个属性，它在键盘事件（如`keydown`、`keyup`和`keypress`）中被用来识别用户按下的是哪个键。当用户按下键盘上...
ASP.NET页面按钮单击事件失效的解决方法
01-01
今天，再次运行以前的项目时，发现按钮的单击事件不起作用了，加了断点之后发现根本没有触发该事件…. 按照网上找到的答案，有的说把控件删掉重新拖拽一个进去，虽然以前也遇到过控件失效，重新拖拽有效的时候，但...
asp.net js模拟Button点击事件
01-02
代码如下: [removed] ///模拟按钮点击事件，插入数据 function addTmpDataApp() { document.<%=formCC.ClientID %>.<%=btnjh.ClientID %>.click(); } [removed] 这有时候是无法执行模拟点击的. 需要...
asp.net使用 js 屏蔽回车键（其他键同理）
宜臶瑏芯的博客
01-16 620
document.onkeypress = function() {             if (event.keyCode == 13)                 return false;         }            附表 ：
enter键代替点击
聚合博客室
12-14 1327
script   language="javascript">         function   window.parent.document.onkeydown()         {             var   e=event.srcElement;             if(event.keyCode==13)             {             docu
javascript使回车键替代tab键的光标移动功能
weixin_33849215的博客
09-03 473
javascript使回车键替代tab键的光标移动功能 博客分类： javascript JavaScript 在要改变的页面中加入如下代码 Js代码 &lt;script type="text/javascript"&gt; document.onkeydown=function enterToTab() { ...
asp.net 设置敲回车触发按钮
你要明白，任何问题都不是孤立存在的，一定有人曾经遇到过，并且已经有更好的解决办法了，只是我还不知道。我不应该在黑暗中独自前行，去重新发明轮子，也许我的顿悟，只是别人的基本功！我应该要站在巨人的肩膀上，学习更成熟的经验和方法，然后再来解决这个问题
11-02 885
第一种方法 设置一个页面的默认按钮主要代码: this.Page.Form.DefaultButton = "服务器按钮的客户端ID"; //页面不包含母版页： protected void Page_Load(object sender, EventArgs e) {     this.Form.DefaultButton = "btnsubmit";    //"btnsubmit" ...
asp.net使用axios触发按钮点击事件
最新发布
06-07
在asp.net中，可以通过JavaScript代码触发按钮的点击事件。首先，需要在前端页面引入axios库，可以通过以下方式引入： ```html <script src="https://unpkg.com/axios/dist/axios.min.js"></script> ``` 接着，在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值