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

相关推荐
国科安芯1 小时前
航天电子模拟前端三大支柱:精密运放、高速运放与电压监控的协同设计方法——ASL8522S/ASL622S/ASL706S技术解析
前端·单片机·嵌入式硬件·fpga开发·架构·安全性测试
神明不懂浪漫2 小时前
【第四章】CSS(二)——文本外观属性与复合选择器
前端·css·经验分享·笔记
kyriewen2 小时前
别再用AI debug了——这5种bug越修越烂
前端·javascript·ai编程
什巳2 小时前
JAVA练习278- 和为 K 的子数组
java·学习·算法·leetcode
豆瓣鸡2 小时前
RocketMQ学习-Spring Boot消息实践
java·spring boot·rocketmq
星释3 小时前
鸿蒙智能体开发实战:39.鸿蒙壁纸大师 - 前端卡片显示与交互优化
前端·华为·交互·harmonyos·鸿蒙·火山引擎
罗超驿3 小时前
2.算法效率的核心密码:时间复杂度和空间复杂度详解
java·数据结构·算法
顾昂_3 小时前
内存泄漏排查和 Chrome DevTools 使用教程
前端·javascript·面试
栈溢出了4 小时前
Redis 分片集群与哈希槽笔记
java·redis·笔记·spring
遨游DATA4 小时前
Spring Boot 启动失败排查:如何区分多 Bean 冲突与清理阶段异常
java·spring boot·后端