cost 68 ms
如何重置按键时的背景颜色? - How can I reset background color on keypress?

我正在尝试让 div 在鼠标悬停时更改其背景颜色,并能够重置那些 colors。我已经管理了前者,但后者给我带来了问题。 如所写,div 实际上会改变颜色,但尝试按下某个键不会产生任何结果。 我还尝试将 resetColor function 放在同一脚本块中,但这样做使得我什至无法将 hover ...

删除元素时删除 keydown/keyup document.eventListener - Remove keydown/keyup document.eventListener when element is deleted

我有一个 ID 为“div1”的 div,当用户按键时它会更新。 我为运行 function“更新”的 keydown 事件添加了一个事件监听器,并将其附加到文档中,如下所示: 当“div1”从 DOM 中移除时,事件侦听器仍然存在。 如果我将事件侦听器添加到“div1”,那么当从 DOM 中删除 ...

状态是<empty string>在按键事件上调用函数时 - State is <empty string> when function is called on key event

在 React 中,我有许多按钮(想象一个带有数字的 PIN 布局)在点击时更新状态。 我还在document中添加了一个事件侦听器,因此键盘上的按键也会更新 pin。 但是,有一个奇怪的问题。 当我通过单击按钮添加数字时,状态正常工作并且一切正常,但是当我按下物理键盘上的键时,状态会更新,但会记录 ...

在单独的函数中跟踪输入字段中的用户按键 - track user key presses in input field in a separate function

我想在单独的函数中跟踪输入字段中的用户按键并根据onkeydown值调用函数。 我在下面的东西不起作用。 什么都没发生。 我对令人大开眼界的启示和评论持开放态度。 我想我错过了一些重要的东西。 function find_key(Fval, Fid) { //prevents mal ...

为什么 onKeyDown 和 onKeyUp 在附加到 contenteditable div 中的 span 时不会触发? - Why doesn't onKeyDown and onKeyUp fire when attached to a span within a contenteditable div?

这是一个演示问题的代码片段: 关注 div 并按下一些按钮后,不会触发警报。 为什么? https://codesandbox.io/embed/react-playground-forked-fymxg3?fontsize=14&amp;hidenavigation=1&amp;theme ...

在 React 的 keyDown 上的 e.preventDefault() 之后不能使用任何键 - Can't use any key after e.preventDefault() on keyDown in React

我需要阻止用户在输入中输入超过 4 位数字。 调用e.preventDefault()可以与onKeyPress一起正常工作,但我不想使用它,因为它已被弃用。 使用onKeyDown有效,但在调用e.preventDefault()之后,用户无法删除文本,该输入现在已“冻结”。 我知道这是设计使然。 ...

使用单个按键跳过视频 - Skipping through a video with a single keypress

我有一个 React 视频播放器项目,并且有一种方法可以在发生 keyDown 事件时将视频跳过 1 秒。 这是有效的,因为如果您按住该键,则会触发多个事件,因此视频会继续以例如 5 秒的间隔跳过,直到用户释放该键。 我现在想以不同的方式实现它,所以当用户按下一次键然后,即使他们抬起手指,视频也会继 ...

我们如何检测 Macbook Pro 触控栏按键的“keyDown/keyPress”事件? - How do we detect the "keyDown/keyPress" events for Macbook Pro touch bar keys?

我最近遇到了在 Esc 按键上关闭 Modal 的要求(508 合规性)。 然后我意识到我在我的 react 组件上编写的 onKeyDown 处理程序没有按预期工作。 从我的 macbook pro 的触摸栏中单击 Escape 键时不会触发该事件。 有没有人经历过类似的问题? 如果是,是否有解 ...

事件“OnKeyDown”在反应应用程序中仅触发一次 - Event “OnKeyDown” fires only once in react app

大家好。 我是网络开发新手。 我只是无法理解问题所在。 我的任务是使用 ctr + ArrowUp(增加)和 ctr + ArrowDown(减少)的组合来更改输入的部分(日和月)。 变量部分也被突出显示 - 这是通过跟踪光标的位置 (selectionStart) 来实现的。 该代码有效,但由于某 ...

无法从 ReactJS 应用程序中的 keyDown 事件处理程序中调用函数 - Can't call function from within keyDown event handler in ReactJS app

我要回到去年正在开发的幻灯片应用程序。 我已经设置了 prevSlide 和 nextSlide 功能,以便在按下按钮时触发,但我也希望支持箭头键导航(未来可能还有移动屏幕滑动功能)。 我设置了 ComponentDidMount/ComponentDidUnmount 函数来为我的 handle ...

在输入值之前,最大长度不会显示,并且在 Backspacing 之后它会减少到 31 个字符 - The max Length is not showing until value is inputted and also after Backspacing it is decreasing to 31 characters

Max length 的值在加载时为 30,在退格所有字符后再次为 30。 此外,我必须在中途给出两个输入或两个退格键来更改值。 我需要它就像 Stackoverflow 问题框一样,上面写着“x”字符。 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM