如何同时通过点击和回车键触发待办应用添加按钮的新增任务功能

实现方案 #

你只需要给输入框绑定键盘事件监听，触发回车时调用你已经写好的newElement函数即可，无需改动原有逻辑。

具体步骤 #

• 在现有JS代码中新增以下监听代码

// 监听输入框的键盘按下事件
document.getElementById("myInput").addEventListener("keydown", function(event) {
  // 匹配回车键
  if (event.key === "Enter") {
    // 若输入框在form表单内，需加此行阻止默认表单提交刷新页面
    event.preventDefault();
    // 调用已有新增任务方法
    newElement();
  }
});

兼容说明 #

如果需要适配极低版本的IE浏览器，可以将event.key === "Enter"替换为event.keyCode === 13，当前主流浏览器都支持前者写法，可读性更高。

内容的提问来源于stack exchange，提问作者devolution