JavaScript 兼容多浏览器获取键盘 Enter 事件的方法
作者:微光时间:2026-10-26 01:49:08浏览:391
本文介绍如何在 JavaScript 中兼容处理键盘 Enter 事件。通过封装 EventUtil 工具对象,解决 IE 与 Firefox 在获取键盘事件对象时的差异。代码演示了监听 keydown 事件,判断 keyCode 是否为 13,并触发指定按钮点击及阻止默认行为,适用于需要回车提交表单的场景。
兼容多浏览器的键盘 Enter 事件处理
直接展示代码实现:
具体代码示例如下:
document.onkeydown=function() {
{
var EventUtil = {};
EventUtil.getEvent = function() {
if (window.event) { return window.event; }
else { return EventUtil.getEvent.caller.arguments[0]; }
}
var button = document.getElementById("qw");
if (EventUtil.getEvent().keyCode == 13) {
{
button.click();
event.returnValue = false;
}
} 对比示例:此方案不支持IE但兼容FireFox:
相关代码如下:
window.onkeydown=function() {
{
var EventUtil = {};
EventUtil.getEvent = function() {
if (window.event) { return window.event; }
else { return EventUtil.getEvent.caller.arguments[0]; }
}
//绑定ID为qw的按钮事件 代码片段如下:
var button = document.getElementById("qw");
if (EventUtil.getEvent().keyCode == 13) {
{
button.click();
event.returnValue = false;
}
} 请留意两者的区别:
以上内容仅供参考。
作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
