Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按enter键时执行操作_Javascript_Html_Css_Google Chrome Extension_Enter - Fatal编程技术网

Javascript 按enter键时执行操作

Javascript 按enter键时执行操作,javascript,html,css,google-chrome-extension,enter,Javascript,Html,Css,Google Chrome Extension,Enter,我正在制作一个Chrome扩展,作为任务列表。你可以输入任何你想要的任务,比如买鸡蛋并将其添加到你的列表中。我想允许用户输入任务并按Enter键将其添加到列表中。然而,我看到keycode已经被删除,所以我想知道是否有其他可能的解决方案来解决这个问题。我已尝试使用以下方法: <input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task" id="newtask">

我正在制作一个Chrome扩展,作为任务列表。你可以输入任何你想要的任务,比如买鸡蛋并将其添加到你的列表中。我想允许用户输入任务并按Enter键将其添加到列表中。然而,我看到keycode已经被删除,所以我想知道是否有其他可能的解决方案来解决这个问题。我已尝试使用以下方法:

    <input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task" id="newtask">
    <script>
      var input = document.getElementById("newtask");
      input.addEventListener("keyup", function(event) {
        if (event.keyCode === 13) {
          alert('test');
          event.preventDefault();
      }
      });
    </script>

现在,如果用户在输入/文本框中按enter键,就会出现一个警报,提示测试状态。但是,当我按enter键时,什么也没有发生。

可能是在添加事件侦听器时,DOM中的所有元素都没有呈现出来。因此,未找到输入,您可以通过在getElementById之后记录输入变量进行检查

如果是这种情况,请尝试使用Dom就绪事件将事件附加到元素 差不多

document.addEventListener("DOMContentLoaded", function(event) { 

});


我想你应该试试这个:

<input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task" id="newtask">
<script>
var input = document.getElementById("newtask");
input.addEventListener("keypress",function() {
alert('test');
});
</script>
不需要添加if语句try with keypress事件

<input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task" id="newtask">
<script>
var input = document.getElementById("newtask");
input.addEventListener("keypress",function() {
alert('test');
});
</script>