网页前端登录js按Enter回车键实现登陆的两种方法
投稿:jingxian
下面小编就为大家带来一篇网页前端登录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 id="input1" value="登录" type="button" onclick="alert('调用成功!')">--> <img id="input1" onclick="alert('调用成功!')"/> </body> </html>
第二种:
<script> function KeyDown() { if (event.keyCode == 13) { event.returnValue=false; event.cancel = true; Form1.btnsubmit.click(); } } </script> 使用方法: <form name="Form1" method=""> 用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 onkeydown=KeyDown()> 密码:<INPUT TYPE=password SIZE=20 maxlength = 8 onkeydown=KeyDown()> <input type="submit" name="btnsubmit" value="提交" /> </form>
以上这篇网页前端登录js按Enter回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。