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

最新推荐文章于 2024-01-29 16:00:03 发布
最新推荐文章于 2024-01-29 16:00:03 发布
阅读量489 收藏
点赞数

本文实例讲述了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方法就是了。

孤帆月
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现按回车键登录功能
树洞树洞-单纯记录
02-13 2357
先在body内添加onkeydown属性，script内编写js方法，（注意js方法应直接写在html页面，外部引入js方法不能用）<body onkeydown="on_return();"> <div class="index"> <div class="logo"> <img src="/static/img/studentlist/logo.p
js的onkeydown事件
gongjian1990的博客
02-23 1443
在做项目的时候需要用到点击enter键进行登录操作，用到onkeydown事件，在此记录一下。 查了一下w3cshool，该事件支持的的标签有很多，如下：<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del
通过Javascript实现点击链接出现登录框，并可以拖拽关闭的效果
小杨的博客
07-14 1225
Javascript实现登录框拖拽效果 本文实例为大家分享了Javascript实现登录框拖拽效果的具体代码，供大家参考，具体内容如下 需求分析 1、点击弹出登录框 2、在登录框的特定区域可用JS实现点击登录后弹出登录框，点击页面后登录框消失的效果实现效果理论基础1.事件冒泡2.举例说明取消冒泡事件执行太快无法显示时需要取消冒泡 一个小小的拖拽登录框，涉及的地方还挺多的。主要在于： 元素的正确获取 把一个大的程序，分步骤来做，一个一个完成 对于拖拽效果，我只需要摁住title框，也就是mousedown..
JS按回车键实现登录
孤独的大佬
06-10 1359
一、html部分 <-- 在页面任何一个地方敲回车都要实现，所以给body一个键盘按下事件 --> <body onkeydown="keyLogin()"> <button id="loginBtn" type="button" onclick="login()">登录</button> </body> 二、js部分 <script type="text/javascript"> function keyLogin(){
js回车登录
最新发布
m0_74265396的博客
01-29 414
这样，当用户在输入框中按下回车键时，就会触发登录操作。在login函数中，你可以执行实际的登录操作，如验证用户输入等。
利用JS实现简单登录
热门推荐
div666的博客
02-03 2万+
介绍如何使用JS实现账户验证及登录跳转。
javascript实现回车键提交表单方法总结
10-24
主要介绍了javascript实现回车键提交表单方法,实例总结了纯javascript与jQuery的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
网页前端登录js按Enter回车键实现登陆的两种方法
10-22
下面小编就为大家带来一篇网页前端登录js按Enter回车键实现登陆的两种方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考
C#键盘输入回车键实现点击按钮效果的方法
01-01
本文实例讲述了C#键盘输入回车键实现点击按钮效果的方法，在C#项目开发中非常具有实用价值。分享给大家供大家参考。 具体实现方法如下： 把Form的KeyPreview设为true 然后设置KeyDown，KeyUp或KeyPress事件。在...
jQuery实现当按下回车键时绑定点击事件
10-26
当按下回车键时，绑定按钮点击事件，本文为大家介绍下jQuery回车键绑定点击事件的具体实现
Vue中实现回车键切换焦点的方法
11-20
在 Vue 中，我们可以使用 `v-on` 或简写 `@` 来监听事件，结合 JavaScript 的 `keydown` 事件来捕捉用户按下回车键的行为。在全局或组件级别，我们都可以添加这个事件监听器： ```html <!-- 表单元素 --> ...
vue中实现回车键登录功能
11-20
在Vue.js应用中，实现回车键登录功能通常涉及到对用户输入事件的监听。下面将详细解释如何在Vue中正确地实现这一功能，并解决在不同界面回车键仍然触发登录事件的问题。 首先，我们来看一个常见的错误实现： ```...
javascript实现按回车键切换焦点
12-09
前几天，老师让编写一段代码：是在 javascript 表单中，用回车键和上下左右移动键使焦点从一个文本框移到上一个或下一个文本框中。应用目前为止学到的知识试着编写代码，在编写的过程中遇到了几个难点：取模计算；在...
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
12-03
通过这种方法，我们可以在用户按下回车键时，实现与点击指定按钮相同的效果，这对于提升用户体验特别有帮助，尤其是对于那些主要依赖键盘操作的用户。 总结来说，使用JavaScript监听回车键并触发指定按钮的点击操作...
使用javascript实现简易登录功能
Drink_coffee_的博客
11-24 6488
新建一个js文件（我这里取名为Signin.js），定义两个变量，用户名和密码，使用从网页中输入的参数进行赋值，之后进行if判断语句，如果输入的用户名和密码都匹配正确则弹窗登陆成功，并且进入指定网页，如果用户名或者密码不正确，则弹窗用户名或密码错误，如果用户名未输入，则弹窗用户名不能为空，如果密码未输入，则弹窗密码为空，js代码如下
js事件登录案例
weixin_46247854的博客
03-10 587
CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。 padding（填充） 当元素的padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。 单独使用padding属性可以改变上下左右的填充。 Padding属性，可以有一个到四个值： padding：25px 50px 75px 100px 分别代表：上填充，右填充，下填充，左填充 padding：25px 50px 75px 分别代表：上填充，右左填充，下填充 padd
js中回车(按键)触发事件
qq_43173759的博客
09-06 1万+
js中按键触发事件
java项目js中点击登录和回车键（enter）两种登录方式
ghjzzhg的博客
10-20 4091
//点击登录，触发点击事件 function go(){ if (code_flag) { $("#loginform").submit(); } } //点击回车键登录 function keyLogin(){ if (event.keyCode==13){ //回车键的键值为13 alert("回车！"); $("#log
js按回车键进行登录
10-15
在JavaScript中，我们可以通过监听键盘事件来实现按回车键进行登录的功能。 首先，我们需要获取到登录按钮的元素，可以使用`document.getElementById`或者`document.querySelector`来获取。假设登录按钮的id为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值