JS按回车键实现登录的方法

本文实例讲述了JS按回车键实现登录的方法，该功能有着非常广泛的实用价值。分享给大家供大家参考之用。具体方法如下：

方法一：

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>Check Score</title>

<script language="JavaScript">

function keyLogin(){

 if (event.keyCode==13)  //回车键的键值为13

   document.getElementByIdx_x("input1").click(); //调用登录按钮的登录事件

}

</script>

</head>

<body onkeydown="keyLogin();">

<input id="input1" value="登录" type="button" onClick="alert(‘调用成功！‘)">

</body>

</html>

方法二：

?


1

2

3

4

5

6

7

8

9

10

11

<script>

function KeyDown()

{

  if (event.keyCode == 13)

  {

    event.returnValue=false;

    event.cancel = true;

    Form1.btnsubmit.click();

  }

}

</script>

使用方法：

?


1

2

3

4

5

<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>

方法三：

任何一个网站页面都有登陆界面,很多时候在输入好用户名和密码后,还要用鼠标去点一个类似于登陆什么的按钮或者链接.这样你才能进网站做你喜欢做的事情.
有时候我就在想是不是能在输入好我该输入的东西后,直接敲回车就执行登陆功能呢?解决方法如下：

ss.html页面代码:

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

<html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link rel="stylesheet" href="css/text.css" type="text/css">

</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onkeydown="on_return();">

  <form name ="loginForm" method="post" action="fuck.html">       

   <table width="100%" border="0" cellspacing="0" cellpadding="0">

 <tr>

 <td width="69%" height="30"><span class="font_04">帐户名</span>

  <input type="text" name="userName" size="18.5">

 </td>

    </tr>

    <tr>

 <td width="69%" height="30"><span class="font_04">密　码</span>

  <input type="password" name="pwd" >

 </td>

    </tr>

    <tr>

 <td width="31%" height="30">

 <a id="sub" onClick=‘check()‘ >

 登陆</a></td>

    </tr>

   </table>

  </form>

</body>

</html>

<script language="javascript">

function check() {

    var formname=document.loginForm;

   if (formname.userName.value == "") {

    alert("请输入用户名！");

    formname.userName.focus();

    return false;

  }

  if (formname.pwd.value == "") {

    alert("请输入密码！");

    formname.pwd.focus();

    return false;

  }

  formname.submit();

}

  //回车时，默认是登陆

 function on_return(){

 if(window.event.keyCode == 13){

  if (document.all(‘sub‘)!=null){

   document.all(‘sub‘).click();

   }

 }

 }

</script>

此处注意：在<body>里面我们加了onkeydown属性,这样我们输入好内容后按键就可以直
接执行JS方法on_return()了.因为window.event.keyCode
如果是13的话,表示回车键,所以我们判断我们按的键是不是回车键,如果是我们就去找‘sub‘属性,假如找到了执行click方法就是了。

希望本文所述方法对大家的web程序设计有所帮助。

时间： 2024-08-05 06:42:12

JS按回车键实现登录的方法的相关文章

vue.js中 ,回车键实现登录或者提交表单!

vue的功能非常强大,但是我们作为一个后端开发人员,前端的东西不一定都弄的很明白,今天就给大家介绍一个回车提交表单的真实案例,达到回车登录的效果! @ keyup.enter 实现的效果 <input v-model = "password" type="password" name="" class="pwd" placeholder="密码" @keyup.enter="handello

回车键实现登录方法

代码: html表单代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi

JS访问或设置cookie的方法+跨域调用方法

无意中从163网站获取的JS访问或设置cookie的方法,Log到日志上以防遗忘 //COOKIE功能检查function fCheckCookie(){    if(!navigator.cookieEnabled){        alert("您好,您的浏览器设置禁止使用cookie\n请设置您的浏览器,启用cookie功能,再重新登录.");    }} //获取Cookiefunction fGetCookie(sName){   var sSearch = sName +

JS 无法清除Cookie的解决方法

JS 无法清除Cookie的解决方法 项目中使用sdmenu.js时,需要在登录时清除Cookie,而sdmenu默认是会保存Cookie的 下面是sdmenu.js保存Cookie的方法 document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString()

ssh无密码登录设置方法以及出现问题 ECDSA host key 和IP地址对应的key不同的解决

最近在做hadoop,因为要求各主机之间的用户必须相同,且为方便远程登录,需配置无密码登录 先附上ssh无密码登录设置方法: 先生成密钥并配置无ssh无密码登录本机,输入命令: ssh-keygen -t dsa -P '' -f ~/.ssh/id_dsa cat ~/.ssh/id_dsa.pub >> ~/.ssh/authorized_keys 将文件拷贝到其他主机相同的文件夹内,输入命令: scp authorized_keys hostname1:~/.ssh/ scp autho

Javascript教程：js异步编程的4种方法详述(转载)

文章收集转载于(阮一峰的网络日志) 你可能知道,Javascript语言的执行环境是“单线程”(single thread). 所谓“单线程”,就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推. 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方

安装SQL SERVER开启SA用户登录的方法

家庭安装SQL SERVER开启SA用户登录的方法:(切记按照网址操作完后,最后一定要在"管理工具"的"服务"里把"SQL SERVER(MSSQL SERVER)"停用一次后再启动,否则依旧无法使用SA登录) 在新安装SQL,用SA用户登录数据库的时候出现如下的错误: 之前装过SQL7.0, SQL2000, SQL2005版的.2008版的,好像没有这复杂啊,百度了下找到了一个解决方案,归纳一下:这个错误一般由三个原因引起,登录方式设置错误.

原生js获取css中class的方法

function getByClass( className, context) { var context = context || document; if( context.getElementsByClassName) { return context.getElementsByClassName(className); } var nodes = context.getElementsByTagName("*"); ret=[]; for( var i=0; i<nod

js面向对象编程：如何实现方法重载

js中如何实现方法重载?这涉及到三个问题 1同名函数的调用问题 2函数中特殊的参数arguments 3如何利用arguments实现方法重载 1同名函数的调用问题 都知道在js中如果存在多个名称相同的函数,则调用实际每次都只使用最后一个,js其实是没有重载的,也就是说,如果定义了多个同名的函数,单参数不一样,在调用时,js不管参数个数,只管前后顺序 例如: function test1(arg1) { alert("参数1:"+arg1); } function test1(arg1