回车提交表单input框的输入内容

代码如下：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <title></title>
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 <script src="../../scripts/jquery.js" type="text/javascript"></script>
 7 <style>
 8 #XY{
 9     width:40px;
10     height:100px;
11     background:#aaa;
12 }
13 </style>
14 </head>
15 <body>
16
17 <input type="input" />
18
19 <script>
20 $(document).ready(function() {
21
22     $("input").keyup(function(e){
23          var $content=$(‘input‘).val();
24             if(e.which=="13"){
25                alert($content)
26             }
27     })
28 });
29 </script>
30 </body>
31 </html>

input框中输入内容后按下enter回车键就会弹出input中输入的内容；

效果展示如下：

原文地址：https://www.cnblogs.com/myunYao/p/8944562.html

时间： 2024-10-25 14:37:37

回车提交表单input框的输入内容的相关文章

HTML，如何按回车提交表单

HTML,如何按回车提交表单 2011-04-20 16:22straul | 浏览 20100 次一个页面,有一个表单,用来提交表单的按钮是个button,用jquery来响应这个按钮的点击动作,通过post提交. 我想在用户输入完要填的东西之后,直接按回车键,就相当于按了那个button,该如何实现?多谢! 2011-04-20 16:27 提问者采纳把那个button的类型改为submit就行了.<input type=submit value="提交" />不过

各种默认回车提交表单

总结: 1.如果form里面只有一个input type＝text,那么无论有没有submit按钮,在input中回车都会提交表单.如果不想回车提交,需要再加一个input type=text,然后设置display:none. 2.如果form里面多于一个input type＝text,那么必须有一个submit按钮才可以回车提交表单. 按钮可以是input也可以是button,他们应设置type=submit.如果只写button而不写type,那么IE下type＝button,FF下则是t

jquery回车提交表单

jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});

阻止form元素内的input标签回车提交表单

<form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { if (event.keyCode == 13) return false; }) 原文地址:https://www.cnblogs.com/wujiaqi/p/10248828.html

js 回车提交表单的实现

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 1. 如果表单里有一个type="submit"的按钮,回车键生效. 2. 如果表单里只有一个type="text"的input

Ajax异步按下回车提交表单

作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒 html <form id="findInvis"> 帖子标题: <input title="请输入帖子标题" name="title">  <input type="submit" value="搜索" > </form> js /** * 点击查找

JQuery禁止回车提交表单

//禁止回车键提交表单——动态绑定 $(function(){ $("input").on('keypress', //所有input标签回车无效,当然,可以根据需求自定义 function(e){ var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } } ); });

回车提交表单

填写完表单数据之后,很多用户喜欢直接按回车提交,感觉速度比较快,省去了拿鼠标找“提交”按钮再单击的时间. 今天我们就来实现一下: 原理: 1,获取“Enter”按键的code: 兼容不同的浏览器的写法如下: var keyCode = e.keyCode || e.which || e.charCode 2,监听键盘onkeyup事件: window.onkeyup = function(e){ e = e || window.event; //获取事件对象 } 3,判断code键码是否为13(

EasyUI回车提交表单

一.js工具类 /******************************************************************************* * 表单光标定位 * * @param formId * @param focusInputName */ function formFocus_Bruce(formId, focusInputName) { window.setTimeout(function() { $("#" + formId + &qu