回车提交表单input框的输入内容
Posted 呀，西蓝花
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了回车提交表单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中输入的内容；
效果展示如下：
以上是关于回车提交表单input框的输入内容的主要内容，如果未能解决你的问题，请参考以下文章