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

相关推荐
EF@蛐蛐堂1 分钟前
【vue】Vite 生态 5 个 “新玩具“
前端·javascript·vue.js
风之舞_yjf10 分钟前
Vue基础(29)_props配置项、ref属性
前端·vue.js
毕设源码-朱学姐18 分钟前
【开题答辩全过程】以 基于SSM的宜佳家具电商平台为例,包含答辩的问题和答案
java
客卿12326 分钟前
最小生成树(贪心)--构造回文串(字符串 + 回文判断 + 构造)
java·开发语言·算法
Fairy要carry31 分钟前
项目03-手搓Agent之团队协作(发消息/分配任务)
linux·前端·python
天启HTTP38 分钟前
多线程环境下,动态IP怎么分配最合理
java·服务器·网络
hzb666661 小时前
xd_day32-day40
java·javascript·学习·安全·web安全·tomcat·php
东北甜妹1 小时前
Python脚本
java·开发语言·前端
心勤则明1 小时前
Spring AI Alibaba 实战 MCP 协议
java·人工智能·spring
四千岁1 小时前
WSL + OpenCode 最佳实践:环境一致、模型配置、GUI 远程使用
前端·javascript·后端