回车提交表单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中输入的内容；

效果展示如下：

posted @ 2018-04-25 14:36  呀，西蓝花  阅读(269)  评论(0)  编辑  收藏  举报