利用JS实现点击回车登录

最新推荐文章于 2024-01-29 16:00:03 发布
最新推荐文章于 2024-01-29 16:00:03 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： JAVASCRIPT 文章标签： JavaScript 浏览器 火狐 Internet Explorer 回车登录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lht0211/article/details/8814439
版权

由于火狐和IE回车登录事件不一样，所以需要判断下浏览器的类型。

 //IE  
    function ieKey(evt) {  
        if (evt.keyCode == 13) {  
        	//自定义登录逻辑
        }  
    }
    //火狐  
    function fireFoxKey(evt) {  
        if (evt.keyCode == 13) {         
            //自定义登录逻辑
        }  
    }
登录： 
    function doLogin() {  
    	//Firefox 
        if (document.addEventListener) {     
                document.addEventListener("keypress", fireFoxKey, true);  
        } else {  
                document.attachEvent("onkeypress", ieKey);  
        }  
    }
调用： 
<body οnkeydοwn="doLogin();" ></body>



lht0211
关注
专栏目录
js实现按回车键登录功能
树洞树洞-单纯记录
02-13 2396
先在body内添加onkeydown属性，script内编写js方法，（注意js方法应直接写在html页面，外部引入js方法不能用）<body onkeydown="on_return();"> <div class="index"> <div class="logo"> <img src="/static/img/studentlist/logo.p
jquery 实现回车登录详解及实例代码
10-21
本篇文章将深入探讨如何使用jQuery实现回车登录功能，并提供实例代码供开发者参考。 首先，我们来看第一种方法：通过button按钮提交方式来实现回车登录。在这个方案中，我们通常会有一个登录按钮（#btnSumit），当...
javaScript实现回车登录
06-15
javaScript实现回车登录 javaScript实现回车登录 javaScript实现回车登录
js实现按回车登入
boyames的博客
08-10 707
js实现按回车登入 直接上代码，亲测好用！ <script type="text/javascript"> function KeyDown() { if(event.keyCode==13){ var btn_login=document.getElementById("btn_login");//id为登录按钮id btn_login.focus(); b
JS 实现回车键登录
zhang33565417的博客
11-27 795
核心代码： function keyLogin() { // 回车键的键值是 13 if (event.keyCode == 13) { $("#loginButtonId").click(); } } <input type="button" id="loginButtonId" value="...
code01：JS实现回车登录
manmanli_sunny的博客
11-25 226
//回车登录     function enterSubmit(event) {         e = event ? event : (window.event ? window.event : null);         if (e.keyCode == 13) {             $("#loginForm").submit();         }     }
jQuery实现输入框回车添加标签代码.zip
07-11
在本文中，我们将深入探讨如何使用jQuery来实现一个功能丰富的输入框，用户可以在其中通过回车键添加标签，同时支持预设标签的选择、显示和删除，并能有效防止标签的重复添加。这个功能常用于博客系统、论坛或者社交...
jQuery实现当按下回车键时绑定点击事件
12-03
在这个场景中，我们想要实现的是当用户按下回车键时，模拟点击一个按钮，触发与之绑定的事件。下面将详细解释如何使用jQuery来实现这个功能。 首先，我们要关注的关键代码片段如下： ```javascript $(function(){ ...
js 回车提交表单两种实现方法
10-27
这就需要利用JavaScript或jQuery来监听键盘事件，并在检测到回车键被按下时，执行提交操作。 JavaScript方法实现回车提交表单的基本步骤如下： 1. 给document对象绑定一个onkeydown事件处理函数。 2. 在事件处理...
（js）按下enter键执行函数
09-03
（js）按下enter键执行函数
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
12-03
本文将详细介绍如何利用JavaScript实现这个功能。 首先，我们要明白键盘事件在JavaScript中的处理方式。当用户按下键盘上的键时，浏览器会触发一个键盘事件，这个事件包含了有关按下键的信息。在JavaScript中，我们...
js回车登录
最新发布
m0_74265396的博客
01-29 440
这样，当用户在输入框中按下回车键时，就会触发登录操作。在login函数中，你可以执行实际的登录操作，如验证用户输入等。
js按回车键实现登陆
热门推荐
MaWenWu专栏
11-08 1万+
Check Score<!-- function keyLogin(){ if (event.keyCode==13) //回车键的键值为13 document.getElementById("input1").click(); //调用登录按钮的登录事件 }// --> -->
JS按回车键实现登录
孤独的大佬
06-10 1376
一、html部分 <-- 在页面任何一个地方敲回车都要实现，所以给body一个键盘按下事件 --> <body onkeydown="keyLogin()"> <button id="loginBtn" type="button" onclick="login()">登录</button> </body> 二、js部分 <script type="text/javascript"> function keyLogin(){
Js实现回车登录，监听回车事件
经典鸡翅
11-25 501
需求 项目有个回车登录功能，在此记录下 实现 我们应该监听当前登录页面的所有回车操作。 $("body").keydown(function () { var yzmStatus = $("#yzmLoginDiv").css("display"); if(event.keyCode == '13'){ if(yzmSta...
【javascript】按下回车键登陆实现
MoFe1的博客
08-08 454
【javascript】按下回车键登陆实现
js实现敲回车键登录
weixin_30378311的博客
11-12 186
任何一个网站页面都有登陆界面,很多时候在输入好用户名和密码后,还要用鼠标去点一个类似于登陆什么的按钮或者链接.这样你才能进网站做你喜欢做的事情. 有时候我就在想是不是能在输入好我该输入的东西后,直接敲回车就执行登陆功能呢?解决方法如下： 1 页面上的登录按钮 <input type="button" id="subBtn" value="登 录"/> 1.1 js实现登...
JS按回车键实现登录的方法
gufanyue的专栏
12-22 496
本文实例讲述了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>Che
JavaScript 实现按回车键触发按钮提交事件
本文将探讨如何使用 JavaScript 实现按回车键响应按钮提交事件，以便在保持表单验证的同时，提供与传统提交按钮相同的功能。 首先，我们来看传统的表单提交方式。一种常见的方法是在 form 元素上设置 onsubmit 事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值