时间戳

首页 > 解决方案 > 事件处理函数

javascript - 事件处理函数

问题描述

在任务中，您需要在按下 G 键时将块的背景颜色更改为绿色，但没有进行任何更改。

<body>
<div id="colorOutput">
</div>

<script>
   let div = document.querySelector("#colorOutput");
   document.addEventListener("keydown", function (event) {
        if (event.code == "Enter") changeToGreen();
    })
   function changeToGreen() {
       div.style.backgroundСolor = "green";
   }
</script>

标签： javascriptevent-handling

解决方案

尝试使用下面的 JS 代码。

const div = document.getElementById("colorOutput");
window.addEventListener("keydown", (e)=>{
    e.code === "Enter" ? changeToGreen() : null;
});
function changeToGreen() {
       alert("JAI HARI");
       div.style.backgroundСolor = "green";
   }

使用window而不是document事件侦听器。

推荐阅读