首页 > 其他 > 详细

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

时间:2018-04-25 14:50:04      阅读:198      评论:0      收藏:0      [点我收藏+]

代码如下:

 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中输入的内容;

效果展示如下:

技术分享图片

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!