`
lllt
  • 浏览: 67059 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Firefox 不响应 event.keyCode 问题的解决方案

FirefoxChromeIEITeyeJavaScript 
阅读更多

    [原创文字，转载请注明出自：http://lllt.iteye.com/]

 

    网页中经常会用到响应键盘的某些动作的情况，在Javascript 中 event.keyCode 可以对键盘的动作做出反应 ，然而在Firefox中无法做出相应的响应。

 

    Javascript 中的window.evevt对象在IE Chrome Firefox 中的作用域是不一样的。IE\Chorme中event是“全局变量”，在任何地方都可以使用，而在 Firefox 中 event 是“局部变量”，如果要调用函数，需要进行传递。

 

    另外，event.keyCode 在 Firefox中也是不起作用的，对应的事件属性为 which，即 event.which。

 

    用实例说话：

 

 

    <body onkeydown="enterkey(event)">   <!-- 点击键盘即触发 enterkey函数 -->
  

function enterkey(et){

	  if(et.keyCode){
		if (et.keyCode==13)
	        alert("IE Chrome 点击回车键");
	  }else{
		if (et.which==13)
	       alert("Firefox 点击回车键");
	  }

}
    

    [原创文字，转载请注明出自：http://lllt.iteye.com/]

 

分享到：
| 多浏览器测试工具Xenocode Browser Sandbox ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    asp.net 文本框回车事件

    对于现代浏览器（如Chrome、Firefox等），建议使用`addEventListener`来监听键盘事件，如下所示： ```javascript document.getElementById('txtTest').addEventListener('keydown', function (event) { if ...

    页面只有一个text的时候，回车自动submit的解决方法

    以下将详细解释这个问题，并提供解决方案。 首先，问题在于浏览器的行为规范。在HTML中，当表单内只有一个输入字段时，按回车键会触发表单的提交事件，即使你已经在文本输入框中绑定了其他事件（如AJAX请求）。这种...

    js中键盘事件实例简析

    此外，可以通过比较`event.key`或`event.code`属性来识别特定的键，这些属性提供了更统一的跨浏览器解决方案。 总的来说，JavaScript键盘事件提供了丰富的交互能力，允许开发者根据用户输入做出反应。在实际应用中...

    Form表单按回车自动提交表单的实现方法

    如果不想让表单在按回车时自动提交，可以采取以下两种解决方案： 1. 添加一个隐藏的`&lt;input type="text"&gt;`标签。通过设置`style='display:none'`，这个输入框不会在页面上显示，同时回车键也不会触发表单提交： ``...

    网页中表单按回车就自动提交的问题的解决方案

    - 其他元素如`&lt;textarea&gt;`、`&lt;select&gt;`、`&lt;input type="checkbox"&gt;`和`&lt;input type="radio"&gt;`不会影响回车键的触发规则，但它们自身在Firefox下响应回车键，而在IE下不响应。 - `type="image"`的输入框等同于`type=...

    javascript事件处理模型实例说明

    本文详细介绍了JavaScript事件处理模型，重点讲述了Internet Explorer（IE）和Mozilla Firefox（火狐）这两款主流浏览器在添加和删除事件监听器方面的差异，以及提供了一个通用的解决方案，从而允许开发者能够编写...

    JS onkeypress兼容性写法详解

    本文将详细介绍在不同浏览器中实现onkeypress兼容性写法的方法，并且探讨了遇到的一些常见问题及其解决方案。 首先，在HTML文档中，通常会包含表单输入元素，如密码输入框，用于接收用户的输入数据。在实际开发中，...

    jQuery解决浏览器兼容性问题案例分析

    jQuery作为一款广泛使用的JavaScript库，其核心目标之一就是提供一种跨浏览器的解决方案，以简化JavaScript编程，尤其是解决不同浏览器间的差异。本文将深入探讨jQuery如何处理浏览器兼容性问题，特别是针对点击事件...

    js跨浏览器的事件侦听器和事件对象的使用方法

    对于键盘事件，常常需要知道按下的键的键码，这可以通过`keyCode`（非IE）或`charCode`（IE8-、Firefox和Opera）来获取。EventUtil的`getCharCode`方法提供了统一的接口： ```javascript var keyCode = EventUtil....

Magicbox
Global site tag (gtag.js) - Google Analytics