JavaScript 操作键盘的Enter事件（键盘任何事件），支持各种浏览器

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 286 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haoyingshuai/archive/2010/10/11/1847847.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript处理键盘事件的方法，特别是如何捕捉并响应Enter键的按下事件。该方法适用于多种浏览器，包括IE和Firefox，并提供了兼容性的解决方案。

JavaScript 操作键盘的Enter事件（键盘任何事件），支持各种浏览器

废话少说，代码上来：

1 document.onkeydown=function()
2 {
3 var EventUtil = {};
4 EventUtil.getEvent = function(){
5 if(window.event){return window.event;}
6 else{return EventUtil.getEvent.caller.arguments[0];}
7 }
8 var button = document.getElementById("qw");
9 if(EventUtil.getEvent().keyCode==13)
10 {
11 button.click();
12 event.returnValue = false;
13 }
14 }

作为对比：上传一不支持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;
                    }
            }

大家看出什么不同了么？

以上仅供借鉴。

转载于:https://www.cnblogs.com/haoyingshuai/archive/2010/10/11/1847847.html