按Enter键调用登录按钮

2.2 按Enter键调用登录按钮

【实例描述】

为了方便用户操作，在登录邮箱或论坛时，如果用户输入了用户名和密码，按Enter键时，都会自动调用登录按钮。本例学习如何实现此功能。

【实现代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Check Score</title>
<script language="JavaScript">
function keyLogin(){
if (event.keyCode==13) //按Enter键的键值为13
document.getElementById("input1").click(); //调用登录按钮的登录事件
}
</script>
</head>
<body onkeydown="keyLogin();">
<input id="input1" value="登录" type="button" onclick="alert('调用成功！')">
</body>
</body>
</html>

【运行效果】

按Enter键后的效果如图2-1所示。

图2-1 按Enter键后的效果

【难点剖析】

本例的重点是如何判断用户敲击的是Enter键，这通过判断键值"keyCode"实现，"Enter"的键值为13。使用"getElementById"方法，通过按钮的ID找到页面中的"登录"按钮，然后直接调用其"click"方法即可。

按Enter键调用登录按钮相关推荐

Vue —— 登录页面按enter键触发登录按钮事件
如果是用elementui框架中的 el-input 组件,那就可以直接在该组件标签上使用@keyup.enter.native鼠标enter事件如果没有使用vue框架中的组件去写的button登录 ...
使用JavaScript在文本框中的Enter键上触发按钮单击
我有一个文本输入和一个按钮(见下文). 当在文本框中按下Enter键时,如何使用JavaScript 触发按钮的click事件 ? 当前页面上已经有一个不同的"提交"按钮,因此我不 ...
java提交按钮_java – 允许“Enter”键按提交按钮,而不是仅使用MouseClick
我正在学习Swing类和一切.我有一个玩具程序,我一直在一起提示一个名字,然后提出一个JOptionPane消息"你输入(您的名字)". 我使用的提交按钮只能点击,但我想让它使用输 ...
vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件
项目中得需求:给页面某个按钮绑定Enter键,但是按钮不在form中,直接给按钮绑定后此按钮只有获取了焦点按键才会触发,显然,一直保持按钮获取焦点是不现实得.所以通过查询等,结合项目需求,完成了下面得 ...
登陆时按enter键实现登陆
登陆时按enter键实现登陆首先需要在页面body标签中添加一个事件onkeydown() <body "keydown()" > 写方法 function keyd ...
退出登录后点返回键是登录状态_看了这50条登录的测试点，你还敢说测试很容易吗...
条件:一个用户名输入框 (要求15个字符以内) 一个密码输入框 (要求8个字符以内) 一个登录按钮针对以上条件进行测试用例的设计先回顾一下测试用例的设计方法: 等价类,边界值,错误猜测法,因果图, ...
进入登录页时，用户名输入框自动聚焦、按enter键让密码框聚焦，完整输入信息后登录
让element-ui的输入框聚焦的4种方式思路:(可以跳过这一步看完整代码--完整代码) 1. 进入页面时,用户名输入框就要获取焦点,使用自定义指令聚焦更方便.当然也可以用 ref 在 mou ...
vue在按钮上绑定enter键
在登录按钮中绑定上enter键话不多说,直接上代码吧~ <el-button type="primary" @click="submitForm('loginFo ...
C# ：Winform窗体中Enter键登录
前言: 在登陆窗体时,按Enter回车键可以直接用户登录,更加方便便捷. 解决方案: 在窗体属性中找到AcceptButton,后面添加上按回车键就点击的按钮名称. AcceptButton: 窗体的 ...

按Enter键调用登录按钮

按Enter键调用登录按钮相关推荐

最新文章

热门文章