【问题标题】:Clearing the value of a text box after the enter key has been pressed按下回车键后清除文本框的值
【发布时间】:2019-10-28 19:51:28
【问题描述】:

我创建了一个带有文本框的学校网站/游戏。它看起来有点像 Quizlet (https://quizlet.com)。

当用户按下回车键时,输入应该被清除。问题是:在电脑上,它工作得很好,但在手机上,它留下一个空行。因此,除非玩家用退格键将其删除,否则单词 checker 总是会计算错误。有没有办法删除手机上的输入?因为我在使用它时遇到了很多麻烦(特别是因为它必须在手机上运行)。

// The code I used a year ago to 
resetInput();

function resetInput() { 
  document.getElementById("input").value = ""; // 
  document.getElementById("opmerking").innerHTML = "TextBalk geupdate!"; 
}

编辑 我找到了解决方案,问题是我调用了一个'onkeypress'事件,它可以在释放键之前触发,这意味着输入被清除,然后输入一个输入。我通过使用 onkeyup 事件来修复它,并在按下的键是 enter 键时取消此事件。

【问题讨论】:

  • 发布您的代码。
  • 如果您的输入在 <form> 内,那么您可以使用 <input type="reset"> 重置表单内的所有值。这意味着如果原始输入看起来像这样<input type="text" value="test"/>,那么重置输入会将值返回到testdeveloper.mozilla.org/en-US/docs/Web/HTML/Element/input/reset

标签: javascript html


【解决方案1】:

解决方案是事件的时间安排。

我调用了一个“onkeypress”事件,它在按键被释放之前触发,这意味着输入被清除,然后输入一个输入。我通过使用 onkeyup 事件来修复它,并在按下的键是 enter 键时取消此事件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-07-28
    • 1970-01-01
    • 1970-01-01
    • 2012-12-28
    • 2014-01-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多