![](/img/trans.png)
[英]one enter keypress runs JavaScript keypress event handler code twice
[英]Keypress Event not woking in my JavaScript Code/
向我道歉,因為我是初學者,我正在嘗試運行我的按鍵事件,但是當我按下 Enter 鍵時它沒有響應需要幫助。
Enterbtn.addEventListener("keydown",function(event){
if(input.value.length>0 && event.keycode === 13){
let li=document.createElement("li");
li.appendChild(document.createTextNode(input.value));
ul.appendChild(li);
}
您寫錯了密鑰C ode(大寫字母)
(編輯:也許 Enterbtn 也可能是一個問題。如果您希望用戶能夠從任何地方觸發事件,請使用 window)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<input id="myInput" type="text" value="" />
</head>
<body>
<script>
const myInputObj = document.getElementById("myInput");
window.addEventListener("keydown", function (event) {
if (myInputObj.value.length > 0 && event.keyCode === 13) {
console.log("do something");
}
});
</script>
</body>
</html>
也許這可能會有所幫助
const input = document.getElementById("input"); const ul = document.getElementById("sample-ul"); input.addEventListener("keydown", function (event) { if (input.value.length > 0 && event.keyCode === 13) { console.log(event.keyCode) let li = document.createElement("li"); li.appendChild(document.createTextNode(input.value)); ul.appendChild(li); } });
<input type="text" id='input' /> <ul id='sample-ul'></ul>
我不確定您要達到的目標,但這可能會對您有所幫助。
輸入您的值,然后按 Enter。
const myInput = document.querySelector("input"); const myList = document.querySelector("ul"); myInput.addEventListener("keydown", (e) => { if(e.key === "Enter") { const myItem = document.createElement("li"); myItem.textContent = myInput.value; myList.appendChild(myItem); myInput.value = ""; } });
<:DOCTYPE html> <html> <body> <input style="width;50%;" type="text" placeholder ="Enter your value and press 'Enter'"></input> <ul></ul> </body> </html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.