如何解决如何使用 enter 将我的 <li> 元素附加到我的列表中?
所以现在我有一个待办事项列表,为了添加列表项,您必须单击一个按钮。我还希望允许用户点击“输入”以执行与按钮相同的操作。
下面是我用来创建一个新的 li 元素并将其附加到我的列表中的 js 代码。
function newElement(){
var li = document.createElement('li');
var inputValue = document.getElementById("myInput").value;
li.appendChild(document.createTextNode(inputValue));
if (inputValue === '') {
alert("You must write something!");
} else {
document.getElementById("list").appendChild(li);
}
document.getElementById("myInput").value = "";
这是我运行上面的 newElement() 函数的按钮的 HTML 代码。
<input type ="text" id="myInput" placeholder="Type Task Here" >
<button class="submitButton" type="button" onclick="newElement()">Add To List</button>
解决方法
使用 keydown
事件并检查 names = ["Andy","Kevin","Lisa","Mike"]
print(names[1])
keyCode
或者,如果您只想在 document.addEventListener("keydown",function (event) {
if (event.keyCode === 13) {
newElement();
}
});
上执行此行为,请尝试仅在 input
上添加事件侦听器
input
document.querySelector("input").addEventListener("keydown",function(event) {
if (event.keyCode === 13) {
console.log("Enter key detected.")
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。