给input框加回车事件不能跳转的问题

最新推荐文章于 2022-06-02 11:18:57 发布
最新推荐文章于 2022-06-02 11:18:57 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： 需求整理 文章标签： js 前端 web前端 html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yc950208/article/details/81630402
版权

在form表单里,给input框加回车事件后,本想要获取input框的内容,然后进行跳转,可是并没有跳转而是将input框的内容传到了地址栏当参数,这样就是表单默认提交了..这种问题只出现在form表单里只有一个input框,两个就不默认提交,这里用到了百度到的一个解决办法::再加一个input框并隐藏,,切记不能用type="hidden",如下:::

 

yc950208
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input text文本框加了回车事件后无法跳转页面
weixin_44561961的博客
03-14 656
回车的时候同时触发了表单提交事件，在回车事件里面写一个：return false; 例如： $(function(){ $(’.rm-search’).bind(“keypress”,function(event){ 　if(event.keyCode==13){ window.location.href=“search.html” 　return false; 　} }); }) ...
form表单中当有input时候,按下回车刷新页面的问题
weixin_47929185的博客
04-21 484
标题 form表单中当有input时候,按下回车刷新页面的问题 通过页面发现： 页面中的form表单只有一个input框按回车键页面会自动刷新 页面中没有form表单只有一个input框按Enter键不会刷新 方法1： 在文本域元素中加入onkeydown或者onkeypress事件，判断若用户点击了回车就阻止默认行为 <body> <form> <input type="text" onkeypress="if(event.keyCode=
tornado当用户输入的URL无效时转入设定的页面
aa662665的博客
11-23 102
今天做web的测验。。坑爹的要用tornado。。。作为一个比较新的用的人还不多的东东。。。查资料好麻烦。。 下面是当用户输入非法 url时, 显示一个自定义 404 页面提示用户，其访问的页面不存在。两个html文件就可以自己写了。。。 简单来说，执行 RequestHandler 的 _execute() 方法（内部依次执行 prepare()、get() 和 finish() ...
JavaScript禁止没有回车事件的input触发submit提交表单事件，已有回车触发事件的input不受影响
ASP.NET
04-24 1992
document.onkeydown = function(event) {//禁止没有回车事件的input触发submit提交表单事件，已有回车触发事件的input不受影响 switch (event.keyCode) { case 13: var obj = event.srcElement || event.target
如何防止input回车造成提交表单
Lik1024
05-30 233
在form表单或input中加入：onkeydown="if(event.keyCode==13){returnfalse;}"
angularjs中回车键触发某一事件的方法
12-03
要求：在输入框中输入值以后，按回车键触发某一事件的执行 html： <input id="input" name="input" ng-model="querykdUser.page.pageSize" ng-keyup="myKeyup($event)" class="form-control" style="width:60px;...
解决vue+element 键盘回车事件导致页面刷新的问题
10-18
在使用Vue.js结合Element UI开发Web应用时，我们可能会遇到一个常见问题：在表单中通过键盘回车键触发输入事件后，页面发生刷新。这个问题通常是由于W3C标准中关于表单的默认提交行为导致的。在标准中提到，当一个...
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
10-18
在原生的input标签中，可以通过@keyup.enter事件直接监听回车键，而在el-input组件中，则需要使用@keyup.enter.native修饰符。这是因为Element UI为el-input组件封装了原生的键盘事件，因此需要添加.native修饰符来...
enter键控制input光标移动到下一个框
10-24
在这个例子中，我们有三个连续的输入框，用户通常会期望在填写完一个后，按下"Enter"键就能跳转到下一个。为了实现这个功能，我们可以使用JavaScript，尤其是jQuery库，因为jQuery提供了方便的事件处理和DOM操作。 ...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
10-20
这个问题在实际应用中可能会引起一些未预期的结果，例如在上述描述中提到的，当用户在输入框中输入汉字后按下回车，表单被提交可能导致数据处理错误或者页面跳转，甚至出现乱码现象。为了解决这个问题，我们可以采取...
js分页input跳转的三种方式，回车跳转，输入框外侧点击自动跳转，加按钮跳转，input页码跳转
clearlove7_2018的博客
06-02 2642
js分页input跳转的三种方式，回车跳转，输入框外侧点击自动跳转，加按钮跳转，input页码跳转
HTML防止input回车提交表单
热门推荐
李刚的学习专栏
03-28 4万+
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。
自己做笔记，input框回车键跳转页面的问题，很简单，就判断一下是不是enter键，是就返回false就ok
weixin_41757599的博客
08-14 1023
简单的input框按下回车键跳转首页简单解决方法 <input type="text" id="PresentationOpinion" onkeydown="if(event.keyCode==13)return false;" style="width:100%">
关于使用输入法回车后input输入框限制失效问题与解决
LG泪光的博客
07-31 2935
这个问题，是论坛上看到的，觉得挺有趣的，就记下来了，虽然中途吃个饭，好像耽误了不少时间。 看题目，估计又是懵的，这什么鬼的问题？那么就先看下代码 比如input有这么个限制 value=value.replace(/[^\d]/g,”) ，按照道理来说，它是应该只能输入数字的，其他的标点啊，中文啊，英文，一律不接受。 &amp;amp;lt;input id=&amp;quot;test&amp;quot; onKeyup=&amp;quot;value...
input输入框回车事件响应
weixin_33991727的博客
02-08 299
1.常用方法 　　1.方法1$('#applyCertNum').bind('keypress',function(event){ if(event.keyCode == 13) { alert('你输入的内容为1：' + $('#applyCertNum').val())...
input框屏蔽enter事件
ruoxuan25的博客
11-30 2377
input输入时软键盘回车显示搜索
-JackoChan
10-17 4774
很多时候我们会看到输入法里面回车是搜索等字眼，今天我们就来实现这个效果 原本的效果： 只需要以上几行代码即可实现，不信？试试看吧 实现效果：
input输入框点击回车切换到下一个输入框功能
Welcome to my blog
05-10 1万+
直接上代码： HTML： <form class="layui-form" action="../in" id="form" method="post" name='Form'> <div class="layui-form-item"> <label class="layui-form-label">货架条形码:</l...
react 回车跳转页面
最新发布
07-28
1. 使用 React Router：如果你使用了 React Router 来进行页面路由管理，你可以通过在表单的 onKeyDown 事件中监听回车键，并在回车键按下时执行页面跳转的操作。例如： ```jsx import { useHistory } from 'react-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值