event.keyCode - 写出兼容IE和Firefox的按键捕捉及识别代码

cyjsky 2013-04-21

在写Felix的javascript运行环境的时候

为了方便使用，Felix希望能够捕捉到CTRL+Enter按键作为运行的快捷键

以前写过forIE的代码，非常简单:

<script language="javascript">
function myKeyPress(){
  alert(event.keyCode);
}
</script>
<body onkeypress="myKeyPress()">
......

但是这样的代码在Firefox下根本不能运行，因为event不是Firefox的一个全局对象。

查了好多资料，终于明白了在Firefox下要这样写代码才行：

<script language="javascript">
function myKeyPress(evt){
  alert(evt.which);
}
</script>
<body onkeypress="myKeyPress(evt)">
......

但是很遗憾，这样的代码在IE下又不能运行——好吧，采取折衷方案如下：

<script language="javascript">
function myKeyPress(evt){
    evt = (evt) ? evt : ((window.event) ? window.event : "") //兼容IE和Firefox获得keyBoardEvent对象
    var key = evt.keyCode?evt.keyCode:evt.which; //兼容IE和Firefox获得keyBoardEvent对象的键值
    if(evt.ctrlKey && (key == 13 || key == 10)){ //同时按下了Ctrl和回车键
        //do something;
    }
}
</script>
<body onkeypress="myKeyPress(evt)">
......

于是代码终于可以在IE和Firefox运行了。

总结一下需要注意的地方：

1.取得keyBoardEvent对象

2.取得keyBoardEvent对象的键值

3.onkeypress="myKeyPress(event)"函数需要一个参数

以上很大一部分是参考了来自以下网页：

JavascriptMadness

该网页详细介绍了几个很容易令人发疯的兼容性问题。。。。

--

转载请注明出自http://www.felix021.com/blog/read.php?1171，如是转载文则注明原出处，谢谢:)

: cyjsky

相关推荐

Selenium多浏览器处理 (Chrome/Firefox/IE)

定义一个变量，通过外部传入变量，确定使用哪个浏览器

王练 0喜欢 / 0评论 2020-06-14

JS - 兼容到 IE 8

使用jQuery可以有效的兼容IE 浏览器，但jQuery从2.0开始不兼容IE8，最低支持IE9，所以需要引入更低的jQuery版本来兼容

80437916 0喜欢 / 0评论 2020-04-11

前端开发问题及一些小技巧总结

低版本的 IE 根本就没有 console.log() 方法，所以如果你在 JS 上运行这个方法就有可能会出错。在 IE11 上运行 console.log() 方法，在开启了 F12开发者工具时可以正常运行且输出，但是如果没有运行开发者工具时代码就会有问

WinerChopin 0喜欢 / 0评论 2020-03-03

310 低版本 IE 浏览器的缓存问题

// xhr.readyState 只能说明接收完了服务器端的响应数据，但是服务器端可能响应了一个错误的数据，所以继续判断，http状态码xhr.status是200，才能说明此次请求是成功的

程序员俱乐部 0喜欢 / 0评论 2020-02-21

解决Td内容为空时不显示边框的问题-兼容IE、firefox、chrome

创建好table，给table、td等设置好边框后，无意间发现td里没有内容的时候，边框竟然不会显示。开始的时候很懒，就在每个td里都先加一个空格，然后再把内容加到这个空格后面，这些，就算本身没有内容，但是有了空格，边框就会被显示。遇到问题还是要找直接的

cfang00 0喜欢 / 0评论 2013-05-15

javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)

if(window.confirm("你确定要设置"+url+"为首页吗？

咸鱼的星空 0喜欢 / 0评论 2013-05-13

【web前端】谈谈浏览器的兼容性（面试题）

4.IE6下两个float之间会有个3px的bug解决办法：给右边的元素也设置float:left;

xxuncle 0喜欢 / 0评论 2019-12-28

桌面太简洁了Win8.1桌面怎么添加/隐藏IE图标

　　如果刚从XP升级至Vista、Win7、Win8.1，你会发现新系统的桌面太简洁了，连个IE浏览器图标都没有，那怎么操作才能将熟悉的IE图标重返新老用户的桌面？这时，我们可以祭出注册表方式为Win7、Win8.1系统手动添加IE图标。　　7、运行导入取

流年浅滩 0喜欢 / 0评论 2015-06-14

浏览器兼容之旅第一站:如何在页面中创建IE条件注释

希望能对有需要的朋友有所帮助。中国古语——万物都是相生相克的。小生有自己的一个原则——“处理各浏览器的兼容问题，未到情非得以的情况下才使用HACK”。开头来了一大段的开场白，下面我们就开始我们的旅行——浏览器兼容之旅的第一站：如何创建条件样式。-- --

MaureenChen 0喜欢 / 0评论 2014-05-28

IE浏览器同过getdelete请求时，获取不到数据或者获取数据有误

在ie浏览器用get方式获取数据时因为发送得到参数地址都是一样的，所以浏览器会优先从缓存获取数据，而不去服务器请求数据，post由于参数不同所以不会影响。　　最好的方法：用一个公共的ajax方法设置{cache：false;}就不需要每个接口写随机数了；

囧芝麻 0喜欢 / 0评论 2019-12-28

javascript前端实现base64图片下载(兼容IE10+,chrome,firefox)

不是不兼容ie,就是不兼容ff,费了很多时间感谢原作者.在项目开发过程中，经常会有图片导出的需求，尤其是带有图表类的应用，通常需要将图表下载导出。但是这套逻辑在IE下是不行的，这样写会直接报错。// 截取base64的数据内容并解码为2进制数据。　　整体代

jjddrushi 0喜欢 / 0评论 2019-12-27

IE与其他浏览器兼容性问题总结

　　在使用new ActiveXObject()之前先判断浏览器是否支持ActiveXObject对象，以创建AJAX对象为例：。jQuery.ajax({ url: sAspFile, data: "<root>" + s

Safari浏览器 0喜欢 / 0评论 2019-12-23

LoadRunner 与浏览器兼容性

LoadRunner 兼容的浏览器版本8.0 最高ie68.1 最高ie69.0 最高ie79.5 最高ie811.0 最高ie9( win7 32位+LR11+IE10可用，但win7 64位+LR11+IE10不可用，降至IE9可用)，支持firefo

Safari浏览器 0喜欢 / 0评论 2019-12-11

【win10】selenium之Firefox,Chrome,IE对应webdriver的安装配置

　　1、Python3默认安装好了pip, pip是一个安装和管理Python包的工具，我们可以用这个工具安装selenium。并且下载安装后，建议在选项中，把检查更新修改掉，不更新，如下图

letheashura 0喜欢 / 0评论 2019-12-03

JQuery easyui contextmenu 右键菜单在IE和Chrome中不起作用，在Firefox起作用

如题，tab上的右键菜单在IE和Chrome里面死活不起作用，在Firefox里面却好使，HTML1504: Unexpected end tag. login.jsp, line 16 character 94. 就不提示这个警告信息了。让我惊喜的是，进

宇智波鼬 0喜欢 / 0评论 2014-01-20

JQuery EasyUI form表单提交后返回操作结果,提示IE提示下载

var txllxdm = $.combotree.tree.attributes; //新建窗口中通讯录类型代码。$.messager.alert('操作提示','单位选择错误,请添加本单位的人员信息!原因是因为“text/plain”是以无格式文本的方

89357940 0喜欢 / 0评论 2014-01-14

IE、chrome、filefox下returnValue兼容问题

今天在开发时候遇到returnValue在不同浏览器下不兼容，最终解决，主要是chrome、safari等浏览器用的是webkit核心包，在不同浏览器中showModalDialog运行结果是chrome将showModalDialog当作window.o

Teresasmida 0喜欢 / 0评论 2014-01-10

nginx服务器在IE下载时，apk文件变成zip的解决方法(转)

很多用户反映，网站上提供的Android手机应用程序文件“xxx.apk”，用IE浏览器下载，扩展名就被自动被重命名成了“xxx.zip”，拷贝到手机上无法安装。由于APK文件本身就是压缩包，如果用户的电脑上装了WinRAR，用IE下载APK文件，扩展名就

Congpanpan 0喜欢 / 0评论 2013-09-04

IE9以下不支持HTML5的解决方案

我们可以使用 Sjoerd Visscher 创建的 "HTML5 Enabling JavaScript", " shiv" 来解决该问题：。以上代码是一个注释，作用是在 IE 浏览器的版本小于 IE9 时将读取

zljiaa 0喜欢 / 0评论 2019-11-19

IE 8 浏览器 placeholder 兼容性处理

由于公司的产品需要兼容 IE8 浏览器，在做登陆时，发现一个问题，placeholder 在input = text 情况下，显示还算正常，但在 input = password 就变成了两个点，百度，gg很多，有的是通过lable 模拟，另外还有通过定位

拭血 0喜欢 / 0评论 2019-11-17

IE 浏览器存在远程代码执行漏洞

周一，微软向用户警告广受欢迎的 Internet Explorer 存在一个高危的漏洞，攻击者利用此漏洞可以接管你的计算机，进而在你的电脑安装和卸载程序，查看、更改或删除数据，甚至创建具有完全用户权限的新帐户。虽然微软已发布安全更新，并通过修改脚本引擎处理

SugarNMS 0喜欢 / 0评论 2019-10-27

css去谷歌火狐IE滚动条

.deals::-webkit-scrollbar,.pdfcontent::-webkit-scrollbar,.topPdf::-webkit-scrollbar {. scrollbar-width: none;-ms-scroll-chaining

sdbxpjzq 0喜欢 / 0评论 2019-10-25

IE 浏览器存在远程代码执行漏洞

周一，微软向用户警告广受欢迎的 Internet Explorer 存在一个高危的漏洞，者利用此漏洞可以接管你的计算机，进而在你的电脑安装和卸载程序，查看、更改或删除数据，甚至创建具有完全用户权限的新帐户。　　虽然微软已发布安全更新，并通过修改脚本引擎处理

gongruitao 0喜欢 / 0评论 2019-10-24

IE 提示“此网站的安全证书有问题”

没有正式阐述解题思路之前，我们先了解下HTTPS、SSL的相关知识点。SSL是目前解决传输层安全问题的一个主要协议，其设计的初衷是基于TCP协议之上提供可靠的端到端安全服务，SSL的实施对于上层的应用程序是透明的。它使用TCP的443端口发送和接收报文。由

包包 0喜欢 / 0评论 2014-12-05

兼容Ie阴影效果的CSS

<li onmousemove="$(this).addClass('shadow')" onmouseout="$(this).removeClass('shadow')">

sorryericsson 0喜欢 / 0评论 2014-06-27

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

DOCTYPE html> 大神的帖子总结的bootstrap的查找原因好几条，首先，Bootstrap3 是移动设备优先的原则开发的，所以原因可能如下： 1.没有正确调用远程地址即只要是IE9以下，就调用两个专门的js <!-- HTML5

whosemario 0喜欢 / 0评论 2015-02-12

DWZ表单提交在IE下重复添加数据

2.<button type="button" onclick="subForm()">提交</button>. 3.<script> function subForm()

AngelicaA 0喜欢 / 0评论 2015-03-14

Selenium Tutorial -7 How to Locate Elements in Chrome and IE Browsers for Buildi

This is tutorial #7 in our Selenium Online Training Series. If you want to check all Selenium tutorials in this series please ch

letheashura 0喜欢 / 0评论 2015-06-30

修改ie默认文档模式为最高级别

chrome=1，是Google Chrome Frame，如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以

屎大小仙女 0喜欢 / 0评论 2015-05-15

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

一个网站，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式，不知原因为何。其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决以下信息摘自360官方网站：。目

galilajiao00 0喜欢 / 0评论 2015-06-03

考虑有些客户用IE9外其他浏览器，给浏览器设计兼容模式，JSF 前端ie浏览器兼容性问题

总结：JSF本身自己自己带了许多自定义js和css，在jsf转换成html源码后，会自己定义的js和css引入进来，而<meta http-equiv="X-UA-Compatible" content ="IE-8&q

中等偏下 0喜欢 / 0评论 2015-07-17

HTML Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用

Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染<meta http-equiv="X-UA-Co

UC浏览器搜索引擎 0喜欢 / 0评论 2015-08-27

设置IE文本模式,兼容css

chrome=1，是Google Chrome Frame，如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以

阴慧超 0喜欢 / 0评论 2015-10-27

【转】JavaScript在IE下设置innerHTML时出现\"未知的运行时错误\"

程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误",让我百思不得其解.在Ajax里经常会通过innerHTML来改变界面，这个比使用DOM要简单一些。这主要是IE在对innerHTML进

srchange 0喜欢 / 0评论 2016-04-26

IE的不同文本浏览模式页面显示

现象描述：最近在遇到的问题就是在在Chrome，火狐页面都正常，唯独在IE8下页面显示错位。查找过程：经过ie8的F12调试，发现在文本模式中会自动变为杂项Quirks，而不是变为标准模式，所以查找相关代码。DOCTYPE >的三种不同格式导致的这

zhaosnow 0喜欢 / 0评论 2017-04-11

IE、火狐浏览器下JS的new Date()的值为Invalid Date、NaN - js经典问题（高级篇）

当我们需要将一串日期字符串转换为具体的Date格式的时候，往往需要用到new Date方法,在IE、火狐浏览器下，会遇到这种问题：。new Date //却返回这个值Invalid Date，转换失败。以前并不喜欢编程，但是现在已经是一个为程序而痴迷

baynkbtg 0喜欢 / 0评论 2017-05-24

IE兼容opacity

CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说

SafariSheree 0喜欢 / 0评论 2018-02-06

Web前端浏览器兼容初探

为什么会有兼容问题？　　由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。　　使用Trident内核的浏览器：

nemunemu 0喜欢 / 0评论 2018-02-01

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。<header>定义页面或区段的头部；<section>页面的逻辑区域或内容组合；&l

ReunionIsland 0喜欢 / 0评论 2017-09-15

Jquery -> IE报错 [对象不支持“addEventListener”属性或方法] ie8 jquery

1，请查看你使用的jquery版本；2，jQuery 2.x 已经不支持IE9以下的IE浏览器，如果你想继续支持IE6/7/8，请使用jQuery 1.x版本；

82550495 0喜欢 / 0评论 2017-08-16

伪元素兼容IE

【哪些标签不支持伪元素？我也是才知道这个姿势。为了不误导读者，就赶紧补充一下。诸如 <img> 、<input>、<iframe>，这几个标签是不支持类似 img::before 这样使用。究其原因，要想要标签支持伪元素

我就是停不下来 0喜欢 / 0评论 2018-01-14

css区分ie8/ie9/ie10/ie11 chrome firefox的代码

网站兼容性调试实在令人烦心，现在的网站设计人员真的要比以前费力很多，因为网页代码不再是只需满足一个IE6访问就行，而是要满足N多的浏览器访问正常才行。粗略算一下，目前至少要满足如下的浏览器要求：IE8、IE9、IE10、IE11、Chrome、Firefo

SuiKaSan的自学室 0喜欢 / 0评论 2018-04-20

css判断ie版本才引用样式或css文件

--[if IE 6]> 仅IE6可识别 <!--[if lt IE 7]> IE7以下版本可识别 <!专门针对IE的条件性注释是个很奇葩的东西，它是专门给IE浏览器准备的，因为其它浏览器根本不能识别这种标记。之所以需要这种东西，是

Ydgent 0喜欢 / 0评论 2018-04-17

content = \"IE=edge,chrome=1\" 详解

今天看到一个问题，在网页中设置X-UA-Compatible为IE=edge,chrome=1就不用兼容IE低版本了吗？是不是就不用考虑IE6,7,8了呢，只用在IE=edge和chrome浏览器下调试就OK了？ Edge 模式告诉 IE 以最高级模式渲染

莫冲 0喜欢 / 0评论 2018-03-29

详解vue 兼容IE报错解决方案

Babel 默认只转换新的 JavaScript 语法，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法。例如 Promise 、新的原生方法

zwkkkk 0喜欢 / 0评论 2018-12-29

通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐

以下为简单区分FF/IE6/IE7示例。这行文字在FF下应为红色，在IE6下应为蓝色，在IE7下应为绿色。[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

deng 0喜欢 / 0评论 2007-01-28

textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)

先在本文框中点鼠标以确定光标位置。

Lostthewind 0喜欢 / 0评论 2009-12-16

在os x 10.9上装IE10

按照上面网址介绍的步骤，一步一步安装winebottler，装好后，发现之后IE只有678三个版本，汗！

王德成 0喜欢 / 0评论 2014-04-26

win7旗舰版、win8专业版(IE11/ie9/ie10)KB4036586更新补丁下载地址汇总

适用于面向基于 x64 的系统的 Windows Embedded Standard 7 上的 Internet Explorer 11 的累积安全更新 . windows8.1专业版 Internet Explorer 11 的累积安全更新 29.1

84216039 0喜欢 / 0评论 2017-10-04

Win7中通过修改注册表将IE设置为默认浏览器的方法

不知各位是否有遇到过将IE设置为默认浏览器失效的问题，特别是Win7系统下经常会失败，这个时候通常的方法是直接去修改注册表。将注册表的[HKEY_CLASSES_ROOT\http\shell\open\command]修改为IE浏览器地址路径。但其实这只

流年浅滩 0喜欢 / 0评论 2017-03-29