This is an explanation of the video content.
 用技术延续对ACG的热爱
37
 | 
JS实现执行按下回车键后执行搜索

简单逻辑

document.addEventListener("keydown", function(event) {
  if (event.key === "Enter") {
    event.preventDefault();
    // Add your search logic here
    console.log("Searching...");
  }
});

绑定input组件实现

当input组件被点击聚焦的时候,按下enter才会有效。

const inputField = document.getElementById("keyWord");

inputField.addEventListener("focus", function() {
  document.addEventListener("keydown", searchOnEnter);
});

inputField.addEventListener("blur", function() {
  document.removeEventListener("keydown", searchOnEnter);
});

function searchOnEnter(event) {
  if (event.key === "Enter") {
    event.preventDefault();
    // Add your search logic here
    console.log("Searching...");
  }
}


37 前端 ↦ 前端JavaScript开发技巧 __ 61 字
 前端JavaScript开发技巧 #8