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

相关推荐
下次再写几秒前
微服务架构实战:Spring Boot + Spring Cloud 从入门到精通
java·spring boot·spring cloud·微服务架构·服务注册与发现·分布式系统·api网关
bang冰冰6 分钟前
Trae工具安装和使用教程(新手零基础入门,全程无坑)
java·人工智能·python
阿丰资源8 分钟前
基于Spring Boot的网上摄影工作室系统(源码一键运行)
java·spring boot·后端
阿维的博客日记17 分钟前
容器是怎么管理 Bean 的?
java·bean
这个昵称也不能用吗?20 分钟前
eas 热更新相关
前端
AI人工智能+电脑小能手30 分钟前
【大白话说Java面试题】【Java基础篇】第40题:Java中的深拷贝和浅拷贝有什么区别
java·开发语言·后端·面试
KaMeidebaby33 分钟前
卡梅德生物技术快报|葫芦科植物遗传转化:Fast‑TrACC 工程化优化:葫芦科植物遗传转化效率提升与成本控制
前端·其他·百度·新浪微博
@小匠33 分钟前
云之家表单数据解析 skills (yzj-form-parser)
java
云烟成雨TD37 分钟前
Spring AI Alibaba 1.x 系列【48】状态图编译配置类:CompileConfig 源码解析
java·人工智能·spring
换日线°1 小时前
vue 加入购物车抛物线动画
前端·javascript·vue.js