本文介绍利用 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 程序设计的内容能对大家有所帮助。