打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
form表单字段元素对象(三)— —按回车键,焦点移到下一个文本输入框
   一个表单有多个文本框,当在其中任何一个文本输入框中按下回车键,默认的是提交表单数据。但希望在上一个文本输入框中按下回车键后,焦点移到下一个文本输入口,以便继续输入信息,而不是提交表单数据。

    <script type="text/javascript">        function toNext(frm) {            if (window.event.keyCode == 13) {//回车键键的Unicode码为13                frm.pwd.focus();                window.event.returnValue = false;//取消回车事件            }        }    </script></head><body>    <form method="post" action="">    用户名:<input id="txtSname" name="user" onkeydown="toNext(this.form)" type="text" /><br />    密码 :<input id="txtPwd" name="pwd" type="text" /><br />    <input id="btnOK" type="submit" value="提交" />    </form></body></html>

方法二:

        Tab键可以将焦点从上一个表单字段元素移到一下表单字段元素,所以把回车键事件改为Tab 键事件。

    <script type="text/javascript">        function toNext(frm) {            if (window.event.keyCode == 13) {                window.event.keyCode = 9; //Tab键的Unicode码为9            }        }    </script></head><body>    <form method="post" action="">    用户名:<input id="txtSname" name="user" onkeydown="toNext(this.form)" type="text" /><br />    密码 :<input id="txtPwd" name="pwd" type="text" /><br />    <input id="btnOK" type="submit" value="提交" />    </form></body></html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
当form表单中只有一个input时按回车键将会自动将表单提交
JavaScript:操作表单
回车键敲在文本框里来提交表单的实现
input type=submit - HTML元素
一个表单form、submit提交到多个不同页面
表单中有三个提交按钮,想实现点击不同的按钮,实现不同的操作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服