Maison > Article > interface Web > Méthode JS pour vous connecter en appuyant sur la touche Entrée_javascript skills

Méthode JS pour vous connecter en appuyant sur la touche Entrée_javascript skills

WBOYoriginal: 2016-05-16 16:38:431462parcourir

L'exemple de cet article décrit la méthode JS consistant à appuyer sur la touche Entrée pour se connecter. Cette fonction a une très large gamme de valeurs pratiques. Partagez-le avec tout le monde pour votre référence. La méthode spécifique est la suivante :

Méthode 1 :

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

Méthode 2 :

<script>
function KeyDown()
{
  if (event.keyCode == 13)
  {
    event.returnValue=false;
    event.cancel = true;
    Form1.btnsubmit.click();
  }
}
</script>

Utilisation :

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

Méthode 3 :

Toute page de site Web possède une interface de connexion. Plusieurs fois, après avoir entré le nom d'utilisateur et le mot de passe, vous devez utiliser la souris pour cliquer sur un bouton ou un lien similaire à la connexion. Ce n'est qu'ainsi que vous pourrez accéder au site Web et faire ce que vous voulez. j'aime faire
Parfois, je me demande si je peux simplement taper ce que je dois saisir et appuyer simplement sur Entrée pour exécuter la fonction de connexion. La solution est la suivante :

Code de la page ss.html :

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

IciRemarque : Dans 6c04bd5ca3fcae76e30b72ad730ca86d, nous avons ajouté l'attribut onkeydown, de sorte qu'après avoir entré le contenu, nous puissions exécuter directement la méthode JS on_return() en appuyant sur la touche Because window.event. .keyCode if S'il vaut 13, cela signifie la touche Entrée, nous jugeons donc si la touche sur laquelle nous appuyons est la touche Entrée. Si c'est le cas, nous rechercherons l'attribut 'sub'. Si nous trouvons la méthode de clic, c'est tout. .

J'espère que la méthode décrite dans cet article sera utile à la conception de la programmation Web de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：jQuery répond aux événements de la souris et masque et affiche les valeurs par défaut d'entrée_jqueryArticle suivant：jQuery répond aux événements de la souris et masque et affiche les valeurs par défaut d'entrée_jquery

Articles Liés

Voir plus