在Javascript中，我的代码没有读取按键的事件侦听器
在Javascript中，如果你的代码没有读取按键的事件侦听器，那么你将无法捕获和处理用户按键的操作。事件侦听器是用来监听特定事件的函数，当事件发生时，它会被触发并执行相应的代码。
在Javascript中，可以使用addEventListener方法来添加按键的事件侦听器。以下是一个示例代码：
document.addEventListener('keydown', function(event) {
// 在这里编写处理按键事件的代码
console.log('按下了按键：', event.key);
});在上面的代码中，我们使用addEventListener方法来添加一个keydown事件的侦听器。当用户按下键盘上的任意按键时，侦听器中的代码会被执行。event参数包含了与按键事件相关的信息，例如按下的按键值可以通过event.key来获取。
除了keydown事件，还有其他与按键相关的事件，例如keyup事件（当用户释放按键时触发）和keypress事件（当用户按下并释放按键时触发）。你可以根据自己的需求选择合适的事件来添加相应的事件侦听器。
在处理按键事件时，你可以根据按键的值执行不同的操作。例如，你可以根据按下的按键来移动一个元素、提交表单、执行搜索等等。
腾讯云提供了一系列的云计算产品，其中与前端开发相关的产品包括云函数（Serverless）、云存储（COS）、云开发（CloudBase）等。你可以根据具体的需求选择合适的产品来支持你的前端开发工作。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）来了解更多关于这些产品的信息和使用指南。
希望以上信息能对你有所帮助！如果你还有其他问题，欢迎继续提问。
相关·内容
3回答
如何在JavaScript中跟踪一系列按键？
javascript
我对JavaScript非常陌生，不知道自己哪里出了问题。我想创建一个在正确的keyEvents系列之后执行的函数。本质上，当用户按下键时，"j“、"a”、"c“、"o”和"b“按这个顺序(只按这个顺序)，我的网页上的一个元素将变得可见。此元素目前使用CSS样式标记：<div id="hideaway" style="display:none;">隐藏。
<script>
function keyListener(event) {
event = event || window.even
浏览 2提问于2015-08-26得票数 0
回答已采纳
1回答
在Firefox 65.0 ubuntu 18.04中，一个按键返回每个键盘按下的"Process“字符串
javascript、jquery、html、ubuntu-18.04、firefox6
我正在使用Firefox 65.0进行我的web开发。我的项目代码包含密码输入。一年多前，我使用JS代码开发了这个程序，该代码使用onkeydown和onkeyup函数检测按键。除了新的Firefox版本65.0之外，它对所有浏览器都很好
我的代码类似于以下内容：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type=password id="button" autocomplet
浏览 2提问于2019-02-25得票数 1
回答已采纳
2回答
请解释这个MDN示例
javascript、function、keydown
我正在通过MDN文档学习javascript。他们在上有一个很明显我无法理解的例子。
const textBox = document.querySelector("#textBox");
const output = document.querySelector("#output");
textBox.addEventListener('keydown', (event) => output.textContent = `You pressed "${event.key}".`);
我已经阅读了一些关于键的文档--按函
浏览 7提问于2022-10-29得票数 1
回答已采纳
1回答
Python网页中的Javascript事件处理程序无法工作
javascript、python、event-handling
我有一个由Python生成的网页，需要启用Javascript事件处理程序。下面的代码返回一个错误:节点未定义。
下面的问题有一个非常有希望的答案，但我忽略了“节点”变量赋值。我想添加一个评论，但系统不允许我这样做。它说，我需要一个50的声誉来补充评论。
<BODY>
<script type="text/javascript">
node.addEventListener("keydown", function(event) {
const key = event.key; // "ArrowRight", &
浏览 0提问于2019-06-23得票数 1
回答已采纳
3回答
如何用自定义虚拟键盘模拟真实的键盘事件？
javascript、keyboard
我将用伪代码解释我想用javascript做什么。我在html/css中创建了自定义键盘，如下所示 ? 我的伪代码是我想做的 html代码 <div class="key w-key" onclick="qwertyKeyboard('w')">w</div> javascript代码 function qwertyKeyboard(char) {
if (event.key == char ) { //event.key = 'w'
press this event.key
}
浏览 56提问于2019-10-11得票数 0
2回答
不响应各自键盘事件vujs的@keydown.ctrl和@keyup.ctrl事件修饰符
javascript、html、vue.js、vuejs2
我正在编写一个VueJS应用程序，该应用程序将有一个自定义上下文菜单，当用户在页面上的特定项上鼠标移动时，该菜单就会出现。菜单是动态的，这意味着当用户在不同的项目上徘徊时，它将发生变化。如果用户按住控制键，菜单将是静态的，这样他们就可以与菜单中的项目进行交互。
我的问题是，@keydown.ctrl="..."事件似乎按预期做出响应，而@keyup.ctrl="..."事件却没有响应。我已经查看过并尝试过不同的修饰符，如.exact和.caputure，但它们似乎无法解决这个问题。
然而，真正起作用的是将@keyup.ctrl更改为@keyup.control。
浏览 3提问于2021-01-18得票数 2
回答已采纳
2回答
在javascript中，keyup和keydown的工作有什么区别？
javascript、addeventlistener、keydown、keyup、typescript
我一直在学习javascript中的keypress事件，我想知道为什么在keyup和keydown中得到不同的结果。就像。如果我用id分配一个输入，并通过它传递一个addEventListnerreffer代码，那么如果我在keydown事件中输入"1234“，就会得到输出为"123”，而keyup事件不会出现这个问题。
简而言之，我只想问，为什么在keydown的情况下，字符的no (输入输入)不等于no。显示在输出中的字符。这种情况不会发生在keyup中，我应该使用哪一种？
<html lang="en">
<head>
&l
浏览 0提问于2019-07-05得票数 4
回答已采纳
1回答
如何使用JS获得聚焦表单元素？
javascript、forms、focus、keycode、onfocus
例如
<form>
<div class="form-control">
<input type="text" name="username">
</div>
<div class="form-control">
<input type="text" name="password">
</div>
</form>
当游标在输入时按tab键(哪个名
浏览 1提问于2018-11-28得票数 0
回答已采纳
1回答
this_variable如何存储按键信息？
javascript、html、function
我开始学习如何编写代码，我遇到了这段代码片段，我想知道这个this_parameter是如何存储Keydown事件的信息的？
document.addEventListener("keydown",keyDraw);
function keyDraw(this_parameter){
console.log(this_parameter);
}
浏览 2提问于2022-08-15得票数 -1
1回答
在Javascript中检测Ipad上隐藏键盘按钮
javascript、jquery、ios、ipad
我试图拦截“隐藏键盘按钮”特定于Ipad的Javascript。我到处搜索，但找不到正确的密钥。我按下任何键，得到一个键码映射(字符，但也用于enter，空格和delete.)。
这是我想要完成的一个例子。
$( "#mydiv" ).on( "keydown", function( event ) {
if (event.which == xx){
//do something
}
}
其中xx是我在‘隐藏键盘按钮’上的键码。在按下按钮或KeyCode时，不对委托调用任何方法。
我看了一下，但是我得到了一个不同级别的解决方案(使用Xc
浏览 0提问于2014-12-03得票数 3
1回答
Javascript绑定keyup/down事件
javascript、javascript-events
如何将函数绑定到key down/up事件？
它既可以绑定到整个文档，也可以绑定到单个元素，在这种情况下都可以。
这必须没有任何JavaScript库。我主要关心的是最新的Firefox。尤其是canvas元素。
我试过了：(FF 3.6.9 Windows 7)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
浏览 2提问于2010-09-11得票数 20
回答已采纳
2回答
如何临时停止event keydown监听器？
javascript、html、node.js、animation、2d-games
我的问题是:新的圆圈创建后，它仍然动画快速(减少变量动画没有帮助)->如何在碰撞发生后暂时杀死按键事件侦听器，使新圆圈的速度不受第一次会话的空格键的影响？
我正在尝试使用画布和javascript制作简单的game2d。
圆圈应该移动得更快，因为按下了空格键(增加了动画功能的变量)。但是如果与墙有碰撞，应该是gameover，然后应该创建新的圆圈。这实际上就是现在发生的事情。
move(event) {
if (event.keyCode === 65 ) { //left
this.cir.x -= 1
} else if (event.keyCode === 68
浏览 1提问于2019-07-17得票数 0
1回答
当组件有焦点/焦点不集中时，启用/禁用密钥侦听器
javascript、reactjs、keyboard-events
我有一个应用程序( app /redux)，它分为两部分：
由GridAreas和GridAreaElements组成的网格(wysiwyg)
一个GridEditor
我希望有一个能监听按键的网格的关键侦听器。
例如，按下应该选择下一个GridArea(元素)，如果适用的话，按下Escape应该选择“父”。
在GridEditor中，您可以通过例如输入字段来编辑各种GridAreaElements等的属性。在与GridEditor交互时，特别是这些输入字段时，我不希望启用按键侦听器，因为它可以取消选择正在编辑的元素。
因此，我想要的是在网格组件(及其子组件)集中/活动时启用关
浏览 3提问于2017-12-20得票数 2
1回答
类型记录: requestAnimationFrame和事件侦听器:keyup/keydown
javascript、typescript、addeventlistener、requestanimationframe
这很奇怪？当事件侦听器在类型记录类中时，我不能让requestAnimationFrame与事件侦听器一起工作--但是如果我不在类之外，它就能正常工作吗？帮我解决这个问题，或者告诉我为什么它永远不能在一个类内工作.
class GameEngine
{
private aKey:boolean
private canvas:HTMLCanvasElement;
private ctx:CanvasRenderingContext2D;
constructor()
{
this.canvas = <HTMLCanvasEleme
浏览 1提问于2018-08-31得票数 0
回答已采纳
1回答
React JS keyDown侦听器出现故障
reactjs、react-hooks、use-effect、keylistener
在我的代码中，我有：
useEffect(() => {
window.addEventListener("keydown", handleKeyDown);
});
这将创建一个事件侦听器来侦听我的键盘。然后在我的handleKeyDown上我有：
const [keys, setKeys] = useState([]);
const handleKeyDown = (event) => {
console.log(event.key);
if (event.repeat) {
return;
}
浏览 45提问于2021-06-05得票数 1
回答已采纳
1回答
雄辩的JavaScript第15章气球练习
javascript、html、eloquent、dom-events、event-listener
在“雄辩的Javascript”第15章中，必须创建一个表情符号气球，用户可以通过按下箭头将其扩展10%。另一方面，当用户按下箭头时，它会收缩10%。过了一段时间后，气球就会爆炸(对我来说，它的尺寸一旦超过70)。如果我想要创建一个重置按钮，将气球设置为它爆炸后的初始大小。你会怎么做呢？以下是我的尝试：
let p = document.querySelector("p");
let size;
function setSize(newSize) {
size = newSize;
p.style.fontSize = size + "px";
}
浏览 3提问于2020-01-31得票数 0
回答已采纳
2回答
如何使这个密钥检测器代码工作？
javascript、keypress、keydown
我正在为我的网站做一个“热键”，但我使用的代码不起作用。
当用户按下、CTRL、和‘时，它将显示带有消息hi的警报。但相反，它什么也不做，我也没有收到任何控制台错误。
我现在拥有的是：
document.addEventListener('keydown', logKey);
function logKey(e) {
if (`${e.code}` == "ControlLeft" && `${e.code}` == "Backquote") {
alert('hi');
}
}
浏览 22提问于2022-11-03得票数 0
3回答
玩家的移动停止时，方向逆转在游戏中。
python、pygame
我在玩玩偶游戏，我最终是在为一个克隆人而工作。我用箭头键实现了玩家的移动，当我从向上切换到立即下降时，我的玩家会结冰，在我再次按下那个方向键之前不会再移动。这是我的代码：
import sys, pygame
pygame.init()
display_width = 640
display_height = 480
display = pygame.display.set_mode((display_width,display_height))
pygame.display.set_caption("Test Game")
black = (0,0,0)
white
浏览 5提问于2016-02-19得票数 0
回答已采纳
1回答
如何在按enter键后提交搜索字段
javascript、html、reactjs、enter、onkeypress
我编写我的应用程序I React.tsx。我打开我的菜单窗口，其中包含许多div元素，以及许多输入字段、复选框和选择元素。我也有提交按钮，当我点击它时，会出现带有用户过滤器的结果列表: checks/inputs/selects。我想在按回车键后也显示结果。我添加了这个方法：
private enterPressed(event: any) {
const code = event?.keyCode || event?.which;
if (code === 13) {
this.onClickSearch();
}
}
我也使用onKeyPress={this.enter
浏览 11提问于2020-02-24得票数 1
回答已采纳
4回答
使Javascript函数调用侦听/按键的响应最快的方式是什么
javascript、jquery、html
当在浏览器中使用Javascript创建轻量级游戏时，用户可以使用键盘移动/等，我想知道使用以下命令是否存在功能差异：
onkeydown="someFunction();"
和使用：
addEventListener('keypress', function(e) { e.foo(); });
用一个按钮来防止默认按钮行为，用另一个按钮来响应似乎很有用，所以我想知道其中一个是否提供了性能改进，比如响应速度、顺序单击排队、不太可能生成错误，或者其他我不知道的意外好处
浏览 1提问于2014-01-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
