码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:ack   val   AC   char   分享图片   java   put   ima   func   

代码如下:

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

标签:ack   val   AC   char   分享图片   java   put   ima   func   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!