React JS keyDown侦听器出现故障

文章/答案/技术大牛

发布

1回答

reactjs、react-hooks、use-effect、keylistener

在我的代码中，我有： window.addEventListener("keydown", handleKeyDown);这将创建一个事件侦听器来侦听我的键盘

浏览 45提问于2021-06-05得票数 1

回答已采纳

1回答

全球键盘事件的反应

reactjs、addeventlistener

我遇到的问题是，我希望onKeyPress或onKeyDown事件在窗口作用域上工作，因为如果我将事件侦听器放在特定组件上，那么该组件必须在焦点上才能侦听事件。我该怎么做呢？

浏览 1提问于2018-10-28得票数 8

回答已采纳

1回答

反应文本区域中的断线

reactjs

如何在React中实现Textarea字段中的换行。例如，我想按下"Enter“并跟踪媒体。

浏览 11提问于2022-06-20得票数 0

1回答

在ReactJS窗口上按下左或右箭头键上的递增或递减计数器

javascript、reactjs、keypress

这是我拥有的代码： import React from "react"; constructor(props) {

浏览 25提问于2021-07-28得票数 0

回答已采纳

1回答

React在每次输入更改时向ref添加一个事件侦听器

reactjs、react-hooks、dom-events、addeventlistener、react-functional-component

addEventListener( 'keydown', handleEvent ); }, [ inputValue ] ); <>问题是在每次击键时都会添加一个'keydown‘监听器。实际结果:每

浏览 3提问于2022-01-25得票数 2

回答已采纳

1回答

我希望能够使用键盘侦听器来增加计数器，但是即使keyListener函数正在执行，selection也不会超过1。为了证明我的问题，我做了以下的故障项目。import React, { useState } from 'react'; const [selection, setSelection] = useStateconst attachKeyListener = () => { console.log("

浏览 0提问于2021-01-23得票数 0

回答已采纳

1回答

数组中的值不会相加

javascript、reactjs

ReactJS v.16.8.6 const App = () => { document.addEventListener('keydown', handleKeyPress) document.removeEventListene

浏览 36提问于2019-06-18得票数 1

回答已采纳

3回答

使用onKeyPress而不是onKeyUp在React.js中按下删除或退格键时的检测

javascript、reactjs

(e.key === "Delete" || e.key === "Backspace") { }我需要在键被按下时触发函数，而不是当它使用React

浏览 0提问于2018-09-18得票数 3

回答已采纳

1回答

如何在React中手动删除事件侦听器

reactjs、react-hooks、event-listener、removeeventlistener

我正在使用react钩子，并且我想有条件地添加和删除侦听器(不仅仅是为了防止我的组件卸载)。我的组件添加了侦听器，但从未将其删除。为甚麽呢？useEffect(() => { document.addEventListener('keydown', handleKeyPress);isPlaying) { document.removeEventListener('keydown', handl

浏览 32提问于2019-12-05得票数 2

1回答

在我的magento商店，空格键有时不起作用

magento、input、keyboard

我有一个magento (www.siberiaequipamentos.com.br)，我已经添加了一些插件，我写了一些代码，我不知道是什么让空格停止了我的搜索框的工作。当我使用空格键时，有什么方法可以检查痕迹吗？谢谢..。

浏览 1提问于2015-10-02得票数 0

回答已采纳

2回答

Console.log告诉我，当我尝试向它添加类时，div是空的。

javascript、css、reactjs

我正在添加一个按键事件侦听器，它只会使我的box显示。然而，当我按下一个键时，什么都不会发生，相反，控制台告诉我，"Uncaught : box是空的“。不知道是什么问题，请帮帮忙import ".const notification = document.querySelector(".notif"); window.onload = document.addEventListener("keydown

浏览 6提问于2022-09-07得票数 0

回答已采纳

1回答

useEffect钩子的几个问题

reactjs、react-hooks、addeventlistener、use-effect

因此，我可以使用useEffect钩子并向其添加一个事件侦听器。事件侦听器只在组件挂载时调用一次(因为useEffect有一个空的依赖数组)。")<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.1/umd/react.production.min.js"></script>

浏览 3提问于2022-06-04得票数 -1

1回答

console.log不能正确显示React状态

javascript、reactjs

,setUsedLetter] = useState([]) useEffect(()=>{ return () => { } function/17.0.0/umd/react.prod

浏览 0提问于2021-09-15得票数 0

3回答

如何通过关键事件侦听器(UseState)切换状态(ReactJS)

javascript、reactjs

我正在通过一个真实的，假的useState和JS按键事件处理程序翻转卡片。下面我有一个示例，它在我的原始代码中没有使用所有其他术语的情况下重新创建相同的问题。isOn); setIsOn(false); return () => document.removeEventListener("

浏览 4提问于2022-04-16得票数 1

回答已采纳

1回答

ReactJS删除ES6中的绑定事件处理程序

javascript、reactjs、ecmascript-6

我试图在ES6 react组件中解除事件侦听器的绑定。我不确定这是不是最好的方法。export default class ProductDetail extends React.Component { this.boundKeyListener = this.keyListener.bind(this); }} 在th

浏览 3提问于2016-10-06得票数 0

回答已采纳

2回答

将keydown的事件侦听器添加到react元素

javascript、reactjs

我正尝试在一个图像(或div)标签中为keydown事件添加一个事件侦听器。如果我使用document.addEventListener将它添加到文档中，它就会起作用，但当我试图将它放入我在react中创建的特定元素时，它就不起作用了(我在代码中指出了什么起作用，什么不起作用)class PrescriptionImage extends React.Component { super(props); } compo

浏览 5提问于2017-12-22得票数 8

1回答

重写YUI2轮播中的按键事件侦听器

javascript、yui、carousel、yui2

我想用我自己的事件侦听器覆盖"keydown“事件侦听器。如果我给予：首先，执行carousel-min.js中定义的默认事件侦听器，然后执行我的侦听器

浏览 1提问于2011-10-30得票数 0

2回答

removeEventListener在模态关闭上不工作

javascript、reactjs、keyboard-events、semantic-ui-react、removeeventlistener

当模态打开时，我可以将事件侦听器添加到窗口。但是，当我关闭模式并打开另一个模式时，一个重复的事件侦听器添加到窗口中。这意味着当模式关闭时，我需要删除事件侦听器。但是，语义UI React组件的onClose和onUnmount道具并不适用于删除。我怎样才能申请？以下是整个附件组件：import { Button, Card, Modal, Image } from&#

浏览 0提问于2021-03-27得票数 3

回答已采纳

1回答

如何让onKeyDown事件在Next.js/React中工作

javascript、html、reactjs、next.js、react-component

我正在使用Next.js构建一个网站，目前我正在尝试在按下键时获得一个简单的函数来运行。我遇到的问题是，onKeyDown事件没有像我预期的那样被触发。

浏览 15提问于2022-03-24得票数 1

3回答

增加和减少使用addEventListener键在React中的次数

javascript、reactjs

import React, { useState } from "react"; const [count, setCount] = useState(0); switch (e.keyCode) {

浏览 14提问于2022-02-22得票数 1

回答已采纳

点击加载更多