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属性保持一致。

相关推荐
季明洵7 小时前
回溯介绍及实战
java·数据结构·算法·leetcode·回溯
晓得迷路了7 小时前
栗子前端技术周刊第 121 期 - Vitest 4.1、Nuxt 4.4、Next.js 16.2...
前端·javascript·vite
kyle~7 小时前
Electron桌面容器
前端·javascript·electron
人道领域7 小时前
Day | 09 【苍穹外卖:订单售后业务】
java·数据库·后端
隔壁小邓7 小时前
vue如何拆分业务逻辑
前端·javascript·vue.js
En^_^Joy7 小时前
Ajax与Axios:现代前端异步请求指南
前端·javascript·ajax
码农的小菜园7 小时前
Java线程池学习笔记
java·笔记·学习
Cobyte7 小时前
来,实现一个 Mini Claude Code:从底层理解 AI Agent
前端·aigc·ai编程
SuperEugene7 小时前
Vue3 + Element Plus 表单校验实战:规则复用、自定义校验、提示语统一,告别混乱避坑|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
酉鬼女又兒7 小时前
零基础快速入门前端JavaScript 浏览器环境输入输出语句全解析:从弹框交互到控制台调试(可用于备赛蓝桥杯Web应用开发赛道)
前端·javascript·职场和发展·蓝桥杯·js