如何在按Enter(在div中)时清除文本输入框?

时间:2019-05-23 19:41:52

标签: javascript

我正在尝试使用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 个答案:

答案 0 :(得分:3)

您从未为新输入框指定ID static byte[] GetImageAsByteArray(Texture2D image) 。您需要

static byte[] GetImageAsByteArray(Texture2D image)
{
    /* Open a read-only file stream for the specified file.
    using (FileStream fileStream =
        new FileStream(imageFilePath, FileMode.Open, FileAccess.Read))
        */
    {
        // Read the file's contents into a byte array.
        Debug.Log("MADE IT TO GETIMAGESBYTEARR");
       return binaryReader.ReadBytes(image.GetRawTextureData());

    }
}

但是不需要ID,因为chatbox变量包含对输入框的引用。只需在函数中使用该变量即可。

messageinputbox.id = "chatbox";
messageinputbox

答案 1 :(得分:0)

尝试以下示例代码:       <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>