如何在按enter时清除文本输入框(在div中)？
我正在尝试使用div设置输入框，但在按enter键时，我发现如何清除文本框有些困难。
我已经找到了一个解决方案，并找到了使用eventListener和函数的代码。
var messageinputbox = document.createElement("input");
messageinputbox.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById('chatbox').value = "";
}
});
document.getElementById("messageinput").appendChild(messageinputbox);该函数不起作用，即使我在其中没有看到任何语法错误，我的javascript文件也没有给我任何错误。
回答 2
Stack Overflow用户
发布于 2019-05-24 03:46:55
您从未为新输入框提供ID chatbox。你需要
messageinputbox.id = "chatbox";但是不需要ID，因为messageinputbox变量保存了对输入框的引用。只需在函数中使用该变量。
var messageinputbox = document.createElement("input");
messageinputbox.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
messageinputbox.value = "";
}
});
document.getElementById("messageinput").appendChild(messageinputbox);<div id="messageinput"></div>
Stack Overflow用户
发布于 2019-05-24 03:57:43
尝试以下示例代码：<html> <head> <title>Javascript key press demo</title> <script type='text/javascript'> function clearTextonEnterKeyPress(e){ if(e.keyCode == 13){ alert("You Have Pressed Enter Key."); document.getElementById('test').value = ""; alert('Text Cleared'); } } </script> </head> <body> Press Enter Button in text box <input type='text' onkeypress='clearTextonEnterKeyPress(event)' id='test'> </body> </html>
https://stackoverflow.com/questions/56281959
复制相似问题
腾讯云开发者
