按下回车表示确定提交

最新推荐文章于 2023-12-12 08:41:43 发布
最新推荐文章于 2023-12-12 08:41:43 发布
阅读量3.3k 收藏 6
点赞数
分类专栏： Javascript 文章标签： javascript function button textbox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/21aspnet/article/details/153258
版权

<body  οnkeydοwn="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 οnkeydοwn="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.οnkeydοwn=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>

深度Java
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
回车提交
05-08 610
一）表单里面的提交，一般都支持回车提交的。
回车提交信息
zhizhuo0915的博客
05-25 172
//回车自动提交 $(document).keyup(function(event){                  if(event.keyCode ==13){                         $("#submit_btn").trigger("click");                   }   });   已实测，绝对好用！...
回车提交功能
jingtian678的博客
02-18 232
回车提交功能                      #div1{height: 100px; width: 200px; border: 1px solid;}             #ul1 li{list-style: none;}                                                                    
回车提交表单
werr1985的专栏
10-28 125
js里面这样写 function KeyDown() { //　当按下“回车键”时执行Submit事件 if (window.event.keyCode == 13) { document.ge...
javascript实现回车键提交表单方法总结
10-24
接着，通过判断event对象的keyCode属性是否等于13，来确定是否按下了回车键。如果条件成立，执行相应的操作，这里示例中只是弹出一个提示框表示要提交表单。 接下来，我们介绍使用jQuery实现回车键提交表单的方法。...
layer的prompt弹出框,点击回车,触发确定事件的方法
10-16
当回车键（keycode为13）被按下时，对输入的内容进行判断，如果符合预期（例如，输入值为"123456"），则执行相应的逻辑（如弹出警告框），并使用layer.close()方法关闭弹出框。 文档中还提到了另一种方式，即使用...
JQuery 文本框回车跳到下一个文本框示例代码
10-26
`keyCode`表示按下的键的编码，当用户按下回车键时，其`keyCode`通常为13。所以这段代码检测的是用户是否按下了回车键。 接下来，我们需要添加执行跳到下一个文本框的代码。假设我们的文本框有顺序编号（例如，`id=...
解决vue+element 键盘回车事件导致页面刷新的问题
10-18
在标准中提到，当一个表单内仅有一个单行文本输入框时，用户在该输入框中按下回车键通常会被解释为提交表单的请求。浏览器随后会执行页面刷新或跳转的默认提交行为。 在Vue和Element UI结合使用的场景下，开发者...
jquery: enter回车提交
HM_DXK的博客
04-10 389
function keyLogin() { $('body').on('keydown', function () { if (event.which == 13) //回车键的键值为13 $('#btnLogin').click(); //调用登录按钮的登录事件 }) } ...
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
10-20
下面小编就为大家带来一篇JS判断键盘是否按的回车键并触发指定按钮点击操作的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在网页的输入框内输完信息后，按enter键，会刷新整个网页而不是走绑定的键盘事件（keypress/keyup等）
qq_30791769的博客
03-23 1816
      最近客户要求在输入框内输完信息后，直接按下enter键即可直接查询，这本是很简单的键盘事件。      但个别网页在写完之后，会整个网页刷新而不是走绑定的键盘事件。仔细查看打印的sql发现，是先走了绑定的键盘事件，然后又进行了整个网页再次刷新。然后发现这些网页有个共同点是：都只有一个输入框。那我就想了，别的网页都是一样的代码，可以实现局部刷新，是不是输入框的多少呢？然后给这些网页加了个...
解决前端页面点击按钮提交的同时按下回车造成重复提交问题
SakuraLily的博客
11-17 596
解决按钮提交和回车冲突，造成重复提交问题
前端js优化表单中单个输入框的回车提交事件
最新发布
m0_73117087的博客
12-12 623
通过以上优化方法，我们可以避免在只有一个输入框的表单中，回车键触发表单提交事件的问题。
js中回车(按键)触发事件
热门推荐
qq_43173759的博客
09-06 1万+
js中按键触发事件
Form表单Input中按enter键自动提交的问题
Mr_linjw的专栏
10-17 2027
按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个。，按回车键表单会自动提交，但是当表单中存在多个。时，按回车键不会执行任何操作，这是。
js 回车提交表单
东亮博客
07-10 4940
一、整个页面用一个回车提交事件：     document.onkeydown = function(e){         if(!e) e = window.event;//火狐中是 window.event         if((e.keyCode || e.which) == 13){             document.getElementById("auto"
el-form里面只有一个el-form-item的时候，在输入框中按下回车键Enter会自动提交表单并且刷新网页，如何屏蔽这种情况？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-01 736
当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。@submit.native.prevent //主要是这句话加上去就可以屏蔽回车提交刷新网页了。
JavaScript 模拟键盘事件和鼠标事件（比如模拟按下回车等）
学习、记录、分享
12-29 4008
最近代码中有个功能需要用到手动触发键盘事件的功能。但键盘事件的fire在各浏览器下实现不一样，下面分别说明： 1. IE下没什么问题，创建事件对象、对对象的keyCode属性赋值，然后再抛出来就行了： evtObj = document.createEventObject(); evtObj.keyCode=keyCode el.fireEvent('on'+evtType, evt...
js系统随机生成两数相加的表达式，用户给出答案，系统判断答案是否正确。一轮答题结束后，询问是否继续，如果是，则继续进行答题，否则退出程序。程序运行后，用户根据提示输入答案，系统会给出判断，并提示是否继续。单击“确定”按钮会重新开始，单击“取消”按钮会退出程序。
03-28
以下是一个简单的实现： HTML代码： ```html <!DOCTYPE html> <html> <head> <title>加法练习</title> </head> <body> <h1>加法练习</h1> <p id="question"></p> <input type="number" id="answer"> <button onclick="checkAnswer()">提交答案</button> <p id="result"></p> <button onclick="start()">开始练习</button> <button onclick="end()">退出程序</button> </body> </html> ``` JavaScript代码： ```javascript var a, b, answer; var questionElement = document.getElementById("question"); var answerElement = document.getElementById("answer"); var resultElement = document.getElementById("result"); function generateQuestion() { // 生成两个随机数 a = Math.floor(Math.random() * 10); b = Math.floor(Math.random() * 10); // 显示问题 questionElement.innerHTML = a + " + " + b + " = "; } function checkAnswer() { // 获取用户输入的答案 answer = parseInt(answerElement.value); // 判断答案是否正确 if (answer === a + b) { resultElement.innerHTML = "回答正确！"; } else { resultElement.innerHTML = "回答错误！正确答案是 " + (a + b) + "。"; } // 清空输入框 answerElement.value = ""; } function start() { // 生成题目 generateQuestion(); // 显示输入框和提交按钮 answerElement.style.display = "inline"; resultElement.style.display = "inline"; // 隐藏开始练习按钮 event.target.style.display = "none"; } function end() { if (confirm("确定要退出程序吗？")) { window.close(); } } // 监听回车键，自动提交答案 answerElement.addEventListener("keyup", function(event) { if (event.keyCode === 13) { event.preventDefault(); checkAnswer(); } }); // 初始化界面 answerElement.style.display = "none"; resultElement.style.display = "none"; ``` 解释： 1. 首先定义了四个全局变量：a、b、answer分别表示两个随机数和用户输入的答案，以及三个DOM元素的引用。 2. `generateQuestion()`函数用于生成两个随机数，并将问题显示在页面上。 3. `checkAnswer()`函数用于获取用户输入的答案，判断答案是否正确，并将结果显示在页面上。 4. `start()`函数用于开始练习，它会生成题目、显示输入框和提交按钮，并隐藏开始练习按钮。 5. `end()`函数用于退出程序，它会弹出确认框，确认后关闭窗口。 6. 监听回车键，实现自动提交答案。 7. 初始化界面时，将输入框和提交结果的元素隐藏。 效果如下： ![加法练习](https://i.loli.net/2021/06/18/JZuO6X5fzlydUxP.png)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值