回车键提交登陆界面

最新推荐文章于 2020-11-17 21:47:43 发布
最新推荐文章于 2020-11-17 21:47:43 发布
阅读量1.3k 收藏
点赞数
分类专栏： js 文章标签： js 表单 界面 提交
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010319687/article/details/19546497
版权

自己总结一些 ，在做web界面的时候，每次都要用鼠标点击登陆按钮才登陆，所有咨询了朋友后整理了些资料自己看：

当我的表单为这个的时候<form action="Loginnew!userLogin.action" method="post" id="sub1"> 在<script></script>中直接添加上

document.onkeydown = function(evt){ 

var evt = window.event?window.event:evt; 
if(evt.keyCode==13) 
{ 
document.forms["sub1"].submit(); 
} 
} 即可使用兼容性本人测试还是蛮好用的
强者YDY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
按回车键实现登录
永无止境
01-02 4553
第一种方法：         <html xmlns="http://www.w3.org/1999/xhtml" >   Check Score function keyLogin(){   if (event.keyCode==13)   //回车键的键值为13      document.getElementByIdx_x("input1").click();
JAVAGUI实现回车登录
qq_43547596的博客
07-01 815
添加KeyListener监听器时千万注意，不仅要将监听器对象加入到Button，还要加到需要监听的用户名、密码等文本框中。 KeyListener keyListener=new KeyListener() { @Override public void keyTyped(KeyEvent e) { // TODO Auto-generated method stub } @Override public void keyReleased(K
怎么设置回车键为提交功能?
defu26201的博客
01-10 276
每个键都有对应的keycode,回车键的keycode为13,用onkeydown事件判断按键的keycode的值，如果等于13，就调用提交方法即可 伪代码如下: <script> document.onkeydown=function(event){//参数为事件对象 if(event.keycode==13){ submit()//调用表单提交方法 } ...
登录绑定回车事件
Nicholas_long的博客
07-12 4186
绑定回车事件写法有很多种，那么以下是我常用的两种方式：先来说一下键盘事件：1、keydown()  keydown事件会在键盘按下时触发.  2、keyup()  keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件  3、keypress()  keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键第一次种：$(document).keypress(function...
JQUERY用户登陆界面特效
11-08
对于“JQUERY用户登陆界面特效”这个主题，我们将深入探讨如何利用jQuery来创建吸引用户的登录界面，并增强用户体验。 首先，登录界面是网站或应用程序的关键部分，它通常是用户首次接触应用的地方。一个美观且具有...
仿QQ登陆界面 java.swing
08-21
9. **KeyAdapter**: 可用于监听键盘输入，比如在用户按下回车键时自动提交表单。 10. **SwingUtilities.invokeLater()**: Swing的线程模型要求所有的UI更新都在Event Dispatch Thread (EDT)上进行，因此通常会在main...
简单的登录界面
01-09
例如，你可以检查用户是否输入了非法字符，或者当用户按下回车键时自动触发登录按钮的点击事件。 6. **错误处理**：确保在用户未输入任何信息或输入无效时显示错误消息。可以使用MessageBox显示警告信息。 7. **...
5_QT_qt5登陆界面_QTcreator_login.zip
10-10
在"5_QT_qt5登陆界面_QTcreator_login.zip"这个压缩包中，我们可能找到了一个使用QT5和QT Creator设计的登录界面示例项目。这个项目可以帮助开发者了解如何在QT中构建交互式的用户登录界面，包括输入框、按钮等组件...
QT5.3.0 登陆Demo
12-09
事件处理也是登录Demo中的关键部分，例如处理键盘焦点切换、回车键触发登录等。这些可以通过重载事件处理函数或者使用信号与槽来实现。 在实际的项目中，为了用户体验，我们可能还需要加入记住密码、自动填充、忘记...
登录页面增加回车登录功能
weixin_34242819的博客
06-06 3962
当我们在某个网站登录页面填写完用户名和密码做登录的时候，总是会情不自禁的按下回车键，往往有些网站不会给登录页面增加按下回车登录的功能。 下面是一个回车登录的例子： $(function () { //回车登录 $("body").keyup(function(event){ if(event.keyCode...
web页面中后台enter键登录
u012106397的专栏
12-07 2989
web页面中后台enter键登录： 1、对登录按钮外： $("body").keydown(function() { if (event.keyCode == "13") {//keyCode=13是回车键         $('#btn_login').click();     }; }); 其中红色部分为登录按钮；
登陆界面回车响应的简单实现
Just do it !
04-19 2683
1. 需求 最近要实现一个登陆界面的回车响应功能，在输入账号和密码之后，按回车键就可以直接登录。试了很多种方法，有些方法不兼容，最终用jqury实现了这个功能。 2. 细节 主要用到了jqury中的keypress方法，用来监听键盘的动作。 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup 3个事件句...
Java项目中，如何实现按回车键实现登录！
u013456370的专栏
04-20 1万+
方法一： Check Score function keyLogin(){ if (event.keyCode==13){ //回车键的键值为13 alert("回车！"); document.getElementById("login").click(); //调用登录按钮的登录事件 } } 方法二： Check Score
js写登录界面 回车直接登录
hilary_front的博客
09-29 5919
在js中写入以下代码，并在点击事件上绑定function keyLogin(){ if (event.keyCode==13) {//回车键的键值为13 var toClick=document.getElementById("keyBtn") toClick.click(); //调用登录按钮的登录事件 } }`function IbtnEnter_onclic
HTML页面实现enter(回车)键自动登录操作
热门推荐
Healer_小振的博客
11-17 1万+
方法一: onkeydown="if(event.keyCode==13) document.all.login.click()" 注:【login】：登录按钮id属性 方法二 : 添加JS绑定,【login】为登录按钮id属性 <script> $(document).keydown(function(event){ if(event.keyCode==13){ document.getElementById("login")...
vue登录页面实现回车登录
Aybuai的博客
07-30 488
话不多说，直接上码： <el-form :model="personInfo" class="search-from" label-width="80px" @submit.native.prevent> <el-form-item label="卡号"> <el-input v-model="personInfo.personId" placeholder="请输入卡号" class="f
登录页面实现回车键登入
m0_38017925的博客
04-16 896
........... final JPasswordField jspwd = new JPasswordField(14);        .......          KeyListener key_Listener = new KeyListener() { public void keyTyped(KeyEvent e) {}
在登陆界面用js实现回车键确认登陆
最新发布
08-19
### 回答1： 可以在登录界面的登录按钮上绑定一个事件监听，当用户在输入框中输入完信息并按下回车键时，触发该事件，执行登录的相关代码。代码示例如下： ``` document.getElementById("username").addEventListener("keyup", function(event) { event.preventDefault(); if (event.keyCode === 13) { document.getElementById("loginBtn").click(); } }); ``` 其中，"username"是输入框的id，"loginBtn"是登录按钮的id。 ### 回答2： 在登陆界面用 JavaScript 实现按下回车键即可确认登陆的操作可以通过以下步骤完成： 1. 首先，我们需要为登陆界面的输入框添加一个事件监听器，以便在输入框的焦点下方进行按键事件捕获。 2. 在事件监听器内部，我们需要判断按下的键是否为回车键(Enter 键)。你可以通过判断按键的键码(keyCode) 是否为13 来实现此步骤。 3. 如果按下的键是回车键，则触发登陆操作。你可以在该代码块中编写代码来执行登陆的相关逻辑操作，例如验证用户输入的用户名和密码是否正确，并执行相应的处理。 这是一个基本的实现方案，下面是一个示例代码演示： ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> <script> function handleLogin(event) { if (event.keyCode === 13) { // 按下回车键 event.preventDefault(); // 阻止默认的提交行为 loginUser(); // 执行登陆逻辑 } } function loginUser() { // 在这里编写验证用户的用户名和密码，并执行登陆操作的逻辑代码 var username = document.getElementById('username').value; var password = document.getElementById('password').value; // 示例代码：简单判断用户名和密码是否为空 if (username !== '' && password !== '') { alert('登陆成功'); } else { alert('用户名和密码不能为空'); } } </script> </head> <body> <h1>Login Page</h1> <form> <label for="username">Username:</label> <input type="text" id="username" name="username" onkeydown="handleLogin(event)" autofocus required><br> <label for="password">Password:</label> <input type="password" id="password" name="password" onkeydown="handleLogin(event)" required><br> <input type="button" value="Login" onclick="loginUser()"> </form> </body> </html> ``` 在上述示例代码中，我们为用户名(username)和密码(password)的输入框添加了一个 `onkeydown` 事件监听器，该监听器会调用 `handleLogin` 函数进行按键事件捕获。 `handleLogin` 函数中，我们首先判断按下的键是否为回车键。如果是，则调用 `loginUser` 函数进行登陆操作。 在 `loginUser` 函数中，我们通过获取用户名和密码的输入框的值，并进行简单的判断，如果不为空，则弹出登陆成功的提示框，否则弹出用户名和密码不能为空的提示框。 你可以根据实际需求对登陆逻辑进行修改和完善。 ### 回答3： 要在登录界面上使用 JavaScript 实现回车键确认登录，可以使用以下步骤： 1. 为登录按钮添加一个 ID 或类名，例如 "login-button"。 2. 在 JavaScript 中找到登录按钮的元素。 3. 在 JavaScript 中为页面添加一个键盘事件监听器。 4. 在监听器中，检查用户按下的键是否是回车键。 5. 如果是回车键，则模拟点击登录按钮。 以下是一个示例的 JavaScript 代码来实现这个功能： ```javascript // 找到登录按钮 const loginButton = document.getElementById('login-button'); // 添加键盘事件监听器 document.addEventListener('keydown', function(event) { // 检查用户按下的键是否是回车键 if (event.key === 'Enter') { // 模拟点击登录按钮 loginButton.click(); } }); ``` 请注意，上述示例假设登录按钮具有 "login-button" 的 ID。如果登录按钮具有不同的 ID 或类名，请将代码中的 `getElementById('login-button')` 替换为适当的选择器。 使用上述代码即可在登录界面中使用 JavaScript 实现回车键确认登录。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值