Р
эм я на textArea вешал..
Повесь на див
Size: a a a
2021 January 27
I
onKeyPress работает везде...
Onkeypress как привязать к какому-то элементу?
Ю
Есть такое объявление переменной (x = 2) что это такое? И где почитать
это не обьявление переменной, а присвоение значения переменной
I
в useEffect добавь
return () => window.removeEventListener("keypress")
и обнови страницу
return () => window.removeEventListener("keypress")
и обнови страницу
Так тогда как система будет реагировать на нажатие?
O
это не обьявление переменной, а присвоение значения переменной
А если к примеру x не объявлялась ранее, то такое проканает
Р
Ivan
Так тогда как система будет реагировать на нажатие?
ты полный код скинь, я ж не вижу, где ты именно вешаешь листенер :)
мой пример:
мой пример:
useEffect(() => {
window.addEventListener("keypress", (e) => {
console.log(e);
});
return () => window.removeEventListener("keypress");
}, []);Ю
А если к примеру x не объявлялась ранее, то такое проканает
нет, не проканает. Тебе выдаст ошибку
I
ты полный код скинь, я ж не вижу, где ты именно вешаешь листенер :)
мой пример:
мой пример:
useEffect(() => {
window.addEventListener("keypress", (e) => {
console.log(e);
});
return () => window.removeEventListener("keypress");
}, []);Я его просто вешаю, как обычную функцию. При использовании как в этом хуке, при повторном нажатии клавиши, не будет же уже откликаться
0
Повесь на див
onKeyPressed(e) {
console.log(e.key);
}
render() {
return (
<div
className="player"
style={{ position: "absolute" }}
onKeyDown={(e) => this.onKeyPressed(e)}
>
</div>
)
}Р
Ivan
Я его просто вешаю, как обычную функцию. При использовании как в этом хуке, при повторном нажатии клавиши, не будет же уже откликаться
Будет, функция, которую возвращает useEffect вызывается при демонтировании компонента
Р
onKeyPressed(e) {
console.log(e.key);
}
render() {
return (
<div
className="player"
style={{ position: "absolute" }}
onKeyDown={(e) => this.onKeyPressed(e)}
>
</div>
)
}Ого, классовые компоненты
Р
onKeyPressed(e) {
console.log(e.key);
}
render() {
return (
<div
className="player"
style={{ position: "absolute" }}
onKeyDown={(e) => this.onKeyPressed(e)}
>
</div>
)
}Оно работает хоть?
Р
Проверял
Р
Я бы этот вопрос тебе не задавал)
0
эм чел не видит что тут jsx синтаксис)
Р
Синтаксис тут вообще при чем?