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

相关推荐
知无不研10 分钟前
.练习- Java字符串之String类创建字符串之使用equals和==判断字符串是否相等
java·开发语言
IT英语写作研习社14 分钟前
一句话解释Java 8 流streams 和函数式接口、λ表达式的关系
java
松涛和鸣14 分钟前
DAY43 HTML Basics
linux·前端·网络·网络协议·tcp/ip·html
Slow菜鸟16 分钟前
Java基础 | JWT登录场景化最优方案(一)
java·开发语言
前端 贾公子20 分钟前
剖析源码Vue项目结构 (一)
前端·javascript·vue.js
狂龙骄子23 分钟前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
forestsea39 分钟前
从 XMLHttpRequest 到 Fetch API:现代前端网络请求的演进与迁移指南
前端·网络
IT枫斗者42 分钟前
Spring Boot 4.0 正式发布:新一代起点到底“新”在哪?(Spring Framework 7 / Java 25 / JSpecify / API 版本管理 / HTTP Service
java·开发语言·spring boot·后端·python·spring·http
龙茶清欢44 分钟前
WebClient:Spring WebFlux 响应式 HTTP 客户端权威说明文档
java·spring·http
XiaoYu20021 小时前
第4章 Nest.js业务合并
前端