回车直接提交得几种办法

解决回车键触发按钮点击问题
最新推荐文章于 2024-02-21 11:05:53 发布
最新推荐文章于 2024-02-21 11:05:53 发布
阅读量904 收藏 1
点赞数
文章标签： javascript function button textbox
本文提供了五种不同的方法来处理网页中使用回车键触发特定按钮点击的行为。这些方法涵盖了使用JavaScript直接操作DOM元素，通过为不同输入框指定特定行为来实现功能定制，以及利用ASP.NET中的客户端ID属性等技术手段。
<body  onkeydown="if (event.keyCode==13) {document.all.button2.click()}">
下面的五种方法都可以帮你解决这种问题
1.<script language=
javascript>
function document.onkeydown()
{
   if (event.keyCode == 13)
   {
    
      if (event.srcElement == document.getElementById('<%=txtEmpCode.ClientID%>'))
          document.getElementById('<%=BtnQry.ClientID%>').click();
      else if (event.srcElement == document.getElementById('<%=txtDeptCode.ClientID%>'))
          document.getElementById('<%=btnSave.ClientID%>').click();

      event.cancelBubble = true;
      event.returnValue = false;
   }
}
</script> 

2.
 <body onkeydown="onkey()" bgColor="#f5efd5" MS_POSITIONING="GridLayout">
<script language="javascript">
function onkey()
{
if (window.event.keyCode==13)
{
document.all["btnQry"].focus();
}
}
</script>

3.

function document.onkeydown()
{

var source=event.srcElement.id
var btnid

if (event.keyCode == 13 )
  {
  if (source=="txtEmpCode") btnid="btnQry"
  else if (source=="txtDeptCode") btnid="btnSave"
  alert(btnid);
     var btn = document.getElementById(btnid);
     if (btn != event.srcElement)
        {btn.click();
        return false;}
  }
 

}
4.

TextBox1.Attributes.Add("onkeydown", "javascript:if (event.keyCode==13) {document.all." & Button1.ClientID & ".click();return false;}")
5.
<script language="javascript"> 
 <!--
  document.onkeydown=GlobalKeyDown;
        _CMDRETURN=13;
           _CMDTAB = 9;
           _CMDDot1 = 190;
           _CMDDot2 = 110;

         function GlobalKeyDown(){
           if(window.event.keyCode == _CMDRETURN)
      {
      if(event.srcElement.type != "submit" & event.srcElement.type != "textarea" & event.srcElement.type != "button")
       {
        window.event.keyCode = _CMDTAB;
          }
      else
       {
       window.event.keyCode =_CMDRETURN;
       }
         }
       } 
           //-->
  </script>
jiadalsm
关注
回车提交
05-08 676
一）表单里面的提交，一般都支持回车提交的。
回车提交信息
zhizhuo0915的博客
05-25 216
//回车自动提交 $(document).keyup(function(event){                  if(event.keyCode ==13){                         $("#submit_btn").trigger("click");                   }   });   已实测，绝对好用！...
如何用回车键提交【无表单数据】？
抗体的博客
12-30 337
JavaScript问题:如何用回车键提交无表单数据？ 2006-12-15 19:40 提问者：lin0662 | 悬赏分：105 | 浏览次数：1700次 如何用回车键提交无表单数据。 这些数据在隐藏域中。 问题补充： 无表单，仅有一隐藏域： 可用JS提交，点击按钮可提交处理。 求按回车键的提交方法。 正确答案加至200分。
按回车提交表单
飞鹰
08-26 239
问题域：    在制作网页时，有时候需要在文本框中输入内容时按下回车就自动提交表单， 而有的时候又不希望一按下回车就自动提交表单，遇到这样的问题我们如何去处理呢？ 解决方案： 1、首先我们来实现一按回车就自动提交表单的功能 这个其实比较容易，只要表单中含有一个“提交”的按钮，在文本框中输入内容后按回车就会自动提交这个表单，如果不想让提交按钮出现在页面上，可以这样写，按钮同样有效，只是被隐藏了： v...
javascript监听键盘事件 - 如表单enter回车提交
草巾冒小子的博客
04-08 6231
javascript监听键盘点击时间，比如：enter回车表单提交、禁止F5刷新、禁用鼠标右键等等 本文仅简单做个介绍，权当抛砖引玉了；如果朋友们有更好的建议或者意见，欢迎留言评论。 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti...
onkeydown事件解决按回车键直接提交数据的需求
09-05
2. 实现回车键提交表单的方法：通过在`<body>`元素上添加`onkeydown`事件处理器，可以在用户按下任何键时调用JavaScript函数。在该函数中，通过判断按下的是否为回车键，可以决定是否执行提交表单的操作。 3. ...
HTML怎么禁止通过回车提交数据
最新发布
04-18
根据引用中的信息，有几种方法可以实现这一点： 1. **使用JavaScript的preventDefault()方法**：引用[1]提到，原生的表单submit事件直接return不会阻止提交，必须手动调用event.preventDefault()。引用[3]中的...
避免回车键导致的页面无意义刷新的解决方法
09-05
为了解决这个问题，我们可以采取以下几种策略： 1. **添加隐藏的提交按钮**： 在表单中添加一个隐藏的提交按钮（`;">`），这样回车键会触发这个隐藏按钮的点击事件，而不会直接提交表单。你可以在这个按钮的点击...
jquery 扑捉回车键事件代码
10-26
值得注意的是，在实际的开发中，直接操作DOM元素并调用`.submit()`方法来提交表单是一种较为原始的做法。这是因为直接操作DOM会降低代码的可维护性，并且有可能破坏绑定在元素上的其他事件处理器。更好的做法是利用...
SBBomber书签提交软件使用方法及安装路径查询
为了解决这个问题，描述中推荐了几种方法： 1. 使用第三方软件如360安全卫士或超级兔子等系统优化工具。这类软件通常带有查找程序文件的功能，可以帮助用户快速定位到安装目录。 2. 使用Windows的内置命令行工具。...
回车自动提交，禁止回车自动提交
缘缘糖
12-14 845
今天遇到一个很变态的问题，由于一个input框要用suggest ，会用到回车事件。 但是在一个form里面，按回车的时候我的form自动提交了，我靠，怎么改动不行。 把submit改成button，也不行。蛋蛋的，看样子是自动执行了form.submit() 结果从网上得到某位大侠的文章，搞定，特立此文留念。原文如下： 我们有时候希望回车键敲在文本框（inp
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 8793
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
前端js优化表单中单个输入框的回车提交事件
m0_73117087的博客
12-12 768
通过以上优化方法，我们可以避免在只有一个输入框的表单中，回车键触发表单提交事件的问题。
JQ实现按下回车提交表单，以及按下回车取消表单提交
cheng1a的博客
03-30 556
先说一下，在开发时，现在大部分的浏览器，当表单中的文本框或其他可提交元素为当前焦点时，敲回车键就会触发表单提交，如果想取消按下回车自动提交表单问题，或者浏览器不支持按下回车自动提交表单该如何解决呢？
【html】form表单里面回车键提交表单问题
smart_dream
02-21 1808
【代码】form表单里面回车键提交表单问题。
键盘Enter键实现提交表单
09-22 1573
//执行键盘按键命令 function keyDown(e){    var keycode = 0;   //IE浏览器   if(CheckBrowserIsIE()){     keycode = event.keyCode;   }else{   //火狐浏
Form表单Input中按enter键自动提交的问题
Mr_linjw的专栏
10-17 2924
按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个。，按回车键表单会自动提交，但是当表单中存在多个。时，按回车键不会执行任何操作，这是。
阻止form表单回车提交刷新页面
做一个有知识的流氓
10-31 891
【代码】阻止form表单回车提交刷新页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值