回車提交表單input框的輸入內容
阿新 • • 發佈：2018-04-25
eight info height spa type lns inpu var 表單
代碼如下：
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框的輸入內容