html中登录按钮添加回车键登录

原文链接有3种方法,其它2中不会弄,第二种方法成功,下面详细说说

原html的登录部分是

复制代码
<button class="btn btn-success btn-block waves-effect waves-light" id="button" >登入</button>

在该html中增加

复制代码
<script>
    $(document).keydown(function(event){
        if(event.keyCode==13){
            document.getElementById("button").click();
        }
    });
</script>

需要注意的是

复制代码
document.getElementById("button").click();

中的button与原html中id属性保持一致。

相关推荐
芭拉拉小魔仙6 小时前
企业级Vue项目的状态管理:从原理到实战架构
前端·vue.js·架构
恋猫de小郭6 小时前
丰田正在使用 Flutter 开发游戏引擎 Fluorite
android·前端·flutter
Frostnova丶6 小时前
LeetCode 190.颠倒二进制位
java·算法·leetcode
闻哥7 小时前
Redis事务详解
java·数据库·spring boot·redis·缓存·面试
hrhcode7 小时前
【Netty】五.ByteBuf内存管理深度剖析
java·后端·spring·springboot·netty
扶苏10027 小时前
Vue 3 响应式原理深度解析
前端·javascript·vue.js
NEXT067 小时前
React 性能优化:图片懒加载
前端·react.js·面试
PineappleCoder7 小时前
别让字体拖了后腿:FOIT/FOUT 深度解析与字体加载优化全攻略
前端·性能优化
道亦无名7 小时前
aiPbMgrSendAck
java·网络·数据库
发现你走远了7 小时前
Windows 下手动安装java JDK 21 并配置环境变量(详细记录)
java·开发语言·windows