文章/答案/技术大牛

发布

社区首页 >问答首页 >document.addEventListener('keydown'，console.log("test"))；未按预期工作

问document.addEventListener('keydown'，console.log("test"))；未按预期工作
EN

Stack Overflow用户

提问于 2019-09-21 03:32:40

回答 3查看 265关注 0票数 0

我从javascript开始，只想运行一个简单的测试，看看我的按键是否被检测到。

我正在使用chrome控制台测试我的js输出。

<script> 
document.addEventListener('keydown', console.log("test"));  
</script>

我希望在我的控制台中，每当我在网页上按下一个键时，都会打印出"test“。然而，当我加载页面时，我得到的只是一个“测试”。然后，当我按键时，什么也没有发生。我有什么不明白的吗？

javascript

addeventlistener

回答 3

Stack Overflow用户

回答已采纳

发布于 2019-09-21 03:36:32

该操作需要一个函数，因此您需要将其包装在一个函数中。

document.addEventListener('keydown', function() {console.log("test")});

票数 0

Stack Overflow用户

发布于 2019-09-21 03:37:30

您需要将log命令包装在回调函数中。否则，它只会在页面加载时立即执行(如您所注意到的)。如果将函数传递给addEventListener命令，它可以保存该函数以供以后使用，并仅在事件发生时运行该函数。

document.addEventListener('keydown', function (e) { console.log("test") });

票数 0

Stack Overflow用户

发布于 2019-09-21 03:42:13

document.addEventListener(...)方法接受一个函数作为第二个参数。您可以将console.log包装在一个函数中：

document.addEventListener('keydown', function() { console.log("test"); });

或者声明一个单独的函数并调用该函数：

function LogIt(ev) {
  console.log("test");
}

document.addEventListener('keydown', LogIt);

您可以引用https://www.w3schools.com/jsref/met_document_addeventlistener.asp

建议使用一种相对较新的运算符。箭头函数。类似于C#中的委托。但是，如果在生产环境中使用此功能，则可能需要检查浏览器的兼容性。如果只是学习，不用担心！https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58034214

复制

相似问题

问document.addEventListener('keydown'，console.log("test"))；未按预期工作
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问document.addEventListener('keydown'，console.log("test"))；未按预期工作EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问document.addEventListener('keydown'，console.log("test"))；未按预期工作
EN