网页前端登录js按Enter回车键实现登陆的两种方法
2016-05-10 15:16
851 查看
很简单的代码,这里介绍两种方法给大家、
第一种:
<!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回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- 关于换行和回车的图文小结
- PHP VBS JS 函数 对照表
- node.js抓取并分析网页内容有无特殊内容的js文件