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