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

最新推荐文章于 2022-09-09 12:02:00 发布

b474440171

最新推荐文章于 2022-09-09 12:02:00 发布

阅读量277

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/myunYao/p/8944562.html

版权

代码如下：

 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

b474440171

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
回车提交表单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">...
复制链接

扫一扫