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

相关推荐
淘源码d1 分钟前
基于Spring Boot + Vue的诊所管理系统(源码)全栈开发指南
java·vue.js·spring boot·后端·源码·门诊系统·诊所系统
李少兄2 分钟前
IntelliJ IDEA 中撤销 Commit
java·elasticsearch·intellij-idea
iPadiPhone4 分钟前
Java 反射机制底层原理、面试陷阱与实战指南
java·开发语言·后端·面试
iPadiPhone9 分钟前
Java SPI 机制全链路深度解析与面试通关指南
java·后端·面试
问道飞鱼11 分钟前
【大模型学习】LangChain 入门指南:基本概念、核心功能与简单示例
java·学习·langchain
blackorbird21 分钟前
Palantir的战争AI:藏在美军Maven系统里的Claude大模型
java·大数据·人工智能·maven
左左右右左右摇晃31 分钟前
Java String 类笔记
java
掘金安东尼32 分钟前
⏰前端周刊第 456 期(v2026.3.15)
前端·javascript·面试
还是大剑师兰特32 分钟前
Vue3 通用可复用动态插槽组件(终极版)
前端·javascript·vue.js
nibabaoo42 分钟前
前端开发攻略---在 Vue 3 项目中使用 vue-i18n 实现国际化多语言
前端·javascript·国际化·i18n·vue3