javascript - 检查键盘或鼠标事件是否在 Div 中完成

标签 javascript

如何检查键盘或鼠标事件是否在 div 内完成?

一旦我检查了 div 的 onmousemove() 事件,它就可以工作,但 onkeyup、onkeypress 等对 div 不起作用。

这是什么原因?

<div onmousemove="alert(1);" onkeypress="alert(2);">

这里会显示alert(1),但不会显示alert(2)。

最佳答案

看看这个fiddle 。您无法在不允许您聚焦和输入的元素上触发按键事件...使用 contenteditable 可能可以,但我不确定...当您在输入内部按下按键时div 的 onkeypress 正在触发 fiddle 的

编辑:我刚刚发现您还可以在 div 上设置 tabindex="0",从而使其可聚焦(请参阅更新的 new fiddle ),然后不需要输入,但在使用 TAB 键进行 walt 时会产生干扰通过可聚焦元素

关于javascript - 检查键盘或鼠标事件是否在 Div 中完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10314464/

相关文章:

javascript - 确定客户是否使用触控笔记本电脑/台式机的有效方法?

javascript - jQuery 函数在 JS innerHTML 属性之后不起作用

javascript - 尝试使我的 JS 正则表达式能够匹配多个 unicode 字符集

javascript - 如何在没有html的情况下使用angularjs(过滤器服务)(用于chrome扩展)

javascript - 由于cookie,登录页面直接进入缓存

javascript - 谷歌地图 JS API

javascript - 在 Rails form_for 提交按钮上添加 JS 调用

javascript - 如何将多个输入框的值保存到本地存储?

javascript - 带有 RowExpander 的 ExtJS4 网格

javascript - 为什么我的应用程序在 Firefox 中的 CPU 使用率达到最大值?