网页前端登录js按Enter回车键实现登陆的两种方法
更新时间:2016年05月10日 15:16:14 投稿: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回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
MC.Dialog 是由肖毅(YesSky) 开发一款界面绚丽美观 操作简单易用的一款js弹出层 MC.Dialog 是经过严格了测试的 兼容目前ie7+ 以及其他非ie核心的浏览器 完美模拟浏览器自带对话框功能2010-05-05基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
通过本文给大家介绍鼠标经过好友列表中的好友头像时显示资料卡的效果,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧2016-06-06
最新评论