用jquery实现,表单input按回车进入下一个input

it2022-05-05  143

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='js/jquery-1.10.2.min.js'></script> <script> $(function(){ $('#form1').on('keydown','input',function(e){ e = e || window.event; var key = e.keyCode || e.which || e.charCode; if(key == 13){ var inputarray = $('#form1 input'); nextindex = inputarray.index(this)+1; if (nextindex>=inputarray.length) { nextindex=nextindex-1; } next = inputarray[nextindex]; next.focus(); } return false; }); }) </script> </head> <body> <form action="" name='form1' id='form1' method="post" > <input type="text" name='user1' value='admin1' /><br/> <input type="text" name='user2' value='admin2'/><br/> <input type="text" name='user3' value='admin3'/><br/> <input type="text" name='user4' value='admin4'/><br/> <input type="text" name='user5' value='admin5' /><br/> <textarea name="content" id="content" cols="30" rows="10"></textarea> <button> ok </button> </form> </body> </html>

转载于:https://www.cnblogs.com/pokalu/p/9295247.html

相关资源:JQuery 文本框回车跳到下一个文本框示例代码

最新回复(0)