正如标题所示,当我在 JavaScript 中添加 keydown 事件监听器时,按 F-12 将不起作用。
window.addEventListener("keydown", function (event) {
if (event.defaultPrevented){
return;
}
if (event.key == "w" || event.key == "ArrowUp"){
console.log("test");
}
event.preventDefault();
}, false);
这是我必须在 HTML 中的脚本标记内添加的唯一内容,以防止 F-12 工作。事件监听器正在工作,我正在使用最新版本的 chrome。我还导入了 THREE.js,但不导入它不会改变任何东西。
如果重要的话,这里是完整的原始 HTML 代码。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>My first three.js app</title>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/98/three.min.js"></script> -->
<style>
body{
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<!-- <script src="script.js"></script> -->
<script>
window.addEventListener("keydown", function (event) {
if (event.defaultPrevented){
return;
}
if (event.key == "w" || event.key == "ArrowUp"){
console.log("test");
}
event.preventDefault();
}, false);
</script>
</body>
</html>
最佳答案
preventDefault();防止默认行为
关于javascript - 添加 keydown 事件监听器可阻止我通过在 chrome 中按 F-12 检查 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53510287/