JavaScript 实现按 Enter 键提交表单的兼容方案
作者:闭包旅人时间:2026-10-29 10:21:28浏览:492
本文介绍利用 JavaScript 监听键盘 Enter 键以提交表单的方法。通过区分 IE 与 Firefox 浏览器获取按键代码,实现回车提交功能。文中提供了两种实现方式,并指出了第二种方式在 Firefox 下的兼容性问题,帮助开发者选择适合的方案。
JavaScript 实现按 Enter 键提交表单的兼容方案
本文详细介绍如何使用 JavaScript 实现通过键盘 Enter 键提交表单的功能,供开发者参考。具体实现逻辑如下:
//执行键盘按键命令
function keyDown(e){
var keycode = 0;
//IE浏览器
if(CheckBrowserIsIE()){
keycode = event.keyCode;
}else{
//火狐浏览器
keycode = e.which;
}
if (keycode == 13 ) //回车键是13
{
//document.getElementById("login").click();
document.getElementById("loginform").submit();
}
}
//判断访问者的浏览器是否是IE
function CheckBrowserIsIE(){
var result = false;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
result = true;
}
return result;
}
在 HTML 的 body 标签中添加 onkeydown 事件监听,例如:<body onkeydown="keyDown(event);">。此外,还有一种写法,但在 Firefox 浏览器中存在兼容性问题,无法正常使用:
function document.onkeydown(){
if(event.keyCode==13)
document.getElementById('loginFrom').submit();
}
希望上述关于 JavaScript 程序设计的内容能对大家有所帮助。
作者最新文章
怎么用 Promise 封装 JavaScript sleep 函数实现异步延时
2026-11-05 17:49:14
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
