网页前端登录js按Enter回车键实现登陆的两种方法

下面小编就为大家带来一篇网页前端登录js按Enter回车键实现登陆的两种方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考

很简单的代码,这里介绍两种方法给大家、

第一种:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Check Score</title> <mce:script language="JavaScript"><!-- function keyLogin(){ if (event.keyCode==13) //回车键的键值为13 document.getElementById("input1").click(); //调用登录按钮的登录事件 } // --></mce:script> </head> <body onkeydown="keyLogin();"> <input type="text" /> <input type="text" /> <input type="text" /><input type="text" /> <input type="text" /><input type="text" /> <!--<input value="登录" type="button">--> <img/> </body> </html>

第二种:

<script> function KeyDown() { if (event.keyCode == 13) { event.returnValue=false; event.cancel = true; Form1.btnsubmit.click(); } } </script> 使用方法: <form method=""> 用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 onkeydown=KeyDown()> 密码:<INPUT TYPE=password SIZE=20 maxlength = 8 onkeydown=KeyDown()> <input type="submit" value="提交" /> </form>

以上这篇网页前端登录js按Enter回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzpxxx.html