`

DIV的keydown事件在Firefox和Chrome中无效的解决方法

ChromeFirefox 
阅读更多
在需要监听keydown事件的DIV的属性中加上tabIndex=0即可，即：
<div tabindex="0" onkeydown="alert('keydown');">...</div>

分享到：
| background-position在Firefox下的问题
评论
1 楼 lijinze12 2011-04-18  
非常感谢LZ，但是我还有一个问题：
我用了jquery-ui的draggable插件之后
FF和chrome中又不行，有解决办法吗？
谢谢！
发表评论

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

相关推荐

    js中键盘事件实例简析

    1. 在IE和Chrome中，一些非打印键（如上、下、左、右箭头键）可能不会触发`keypress`事件，因为它们通常与页面导航相关，而不是字符输入。 2. Firefox中，向右键和单引号键的键码都为39，这是由于浏览器之间的差异。...

    让div层随鼠标移动的实现代码 ie ff

    本文将详细介绍如何在Internet Explorer（IE）和Firefox浏览器中实现一个div层随鼠标移动的功能，并讨论兼容性问题。 首先，我们需要为div层设置样式。在示例代码中，`.center_div2` 是我们关注的div层，它被设置为...

    用Html+Js实现的“自动补全”功能.docx

    示例中提到已测试ie8、Chrome、Firefox、遨游和360浏览器，但还需要考虑其他浏览器，特别是IE系列，因为它们对某些CSS属性和JavaScript特性支持可能存在差异。 在实际项目中，数据匹配和更新通常通过AJAX请求从...

    HTML页面内容禁止选择、复制、右键

    /* 针对Firefox */ -ms-user-select: none; /* 针对IE和Edge */ user-select: none; /* 标准语法 */ } ``` 如果只想针对某个特定元素，比如一个`&lt;div&gt;`，可以这样设置： ```css .no-select { -webkit-user-...

    jqueryAPI 中文版+ 1.7.js文件

    8. **兼容性（Compatibility）**：jQuery 1.7.2版本在当时已经很好地支持了主流浏览器，包括IE6+、Firefox、Chrome、Safari和Opera。 9. **$.each()**：用于遍历对象或数组，常用于自定义迭代操作。 10. **$....

    jQuery中文参考文档.rar

    jQuery设计时考虑了跨浏览器的兼容性，它能很好地工作在主流的浏览器如Chrome、Firefox、Safari、Edge和IE上，减少了开发者处理浏览器差异的工作量。 综上所述，《jQuery中文参考文档》包含了jQuery的基本用法和...

    图片堆叠，左右按键切换

    8. **兼容性测试**：最后，进行跨浏览器和跨平台的兼容性测试，确保在主流浏览器如Chrome、Firefox、Safari、Edge和IE11上都能正常工作。 通过以上步骤，我们可以实现一个简单的"图片堆叠，左右按键切换"的功能。这...

    如何用javascript禁用复制黏贴

    在上面的例子中，当用户尝试在指定的`&lt;div&gt;`元素上点击右键时，`oncontextmenu`事件会被触发，并执行`return false;`代码，这会阻止浏览器显示默认的右键菜单。 另外，如果希望在整个页面范围内禁用右键菜单，可以...

    可用鼠标滚动的相册（jQuery+lightbox），点击图片弹出放大，支持左右方向键翻页，兼容主流浏览器.rar

    5. **兼容性处理**：确保在各种主流浏览器（如Chrome、Firefox、Safari、Edge和IE11）上都能正常运行。这可能需要针对特定浏览器的CSS修复或JavaScript适配。 通过以上步骤，我们构建了一个功能完善的相册，不仅...

    CSS实现3D方框的动态

    - Firefox 10 及以上版本 #### 五、总结 通过本文介绍的方法，我们可以使用纯CSS来创建一个具有动态旋转效果的3D立方体。这种技术不仅可以应用于简单的演示示例，还可以在实际项目中创造出更加丰富的用户体验。随着...

    原生js写的弹窗效果(alert效果)

    本文将深入探讨如何使用原生JS创建类似`alert()`的自定义弹窗效果，以及如何实现跨浏览器兼容性，包括对IE、Firefox、Chrome和360等主流浏览器的支持。 首先，我们要明白`alert()`函数的基本用法。`alert()`是一个...

    HTML中的setCapture和releaseCapture使用介绍

    此外，这是一个IE特有功能，不被其他浏览器（如Firefox、Chrome、Safari等）支持，因此在跨浏览器的开发中需要谨慎使用，或寻找替代方案，例如利用事件委托等现代Web技术。 以下是一个简单的应用场景示例： ```...

    jquery文章或者内容选项卡切换，支持按键左右切换特效代码

    8. **兼容性和测试**：在不同浏览器上进行测试，确保在主流浏览器如Chrome、Firefox、Safari和Edge上的表现一致。同时，要考虑移动设备的触摸事件。 在提供的文件列表中，"使用帮助.txt"可能包含了实现这一功能的...

    基于Jquery的实现回车键Enter切换焦点

    此功能已通过多种主流浏览器的测试，包括IE7、IE8、Firefox 3、Chrome 2和Safari 4，并在Visual Studio 2010环境下使用jQuery框架开发。 首先，为了使用jQuery，我们需要在HTML文档中引入jQuery库。这可以通过添加...

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