网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 网页前端登录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 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回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/12/16 3:02:17