javascript - 使用 javascript 禁用输入文本直到函数完成的方法

Question

我有一个输入框，我想暂时禁用输入，直到 JavaScript 中的函数完成，然后重新启用它。我知道 element.disabled = true 和 element.disabled = false (在函数之后执行此操作)不会将其恢复到启用状态，因为我使用 onkeydown 来启用该函数，代码有点像这样->

HTML:

<input type=text id=text1 onkeydown=myfunction(event)/>

Javascript:

function myfunction(event) {
  var EnterKeyPressed = verifyKeyPressed(event, 13);
  if (EnterKeyPressed == true) {
    //here is where i want to disable the text box
    fade(someotherOtherElement);
    //i want to re enable it here
  }
}

基本上，它只是一个带有 onkeydown 的文本框，当您正常键入时，它会继续进行，但是当您按 Enter (keyCode = 13) 时，它会使用 javascript 事件验证这一点，如果 true ，则在淡入淡出后提交文本框的值。我希望在淡入淡出时禁用文本输入，因为在第一篇文章后快速发布其他内容时会导致部分淡入淡出。 element.disabled = true 和 fade() 之后，elem.disaled = false 不起作用

Answer 1

使用它的 ID:

document.getElementById('text1').disabled = true;
document.getElementById('text1').disabled = false;

或者，为您的输入字段指定一个名称，并确保它位于表单中(也带有名称):

document.myForm.myField.disabled=true;
document.myForm.myField.disabled=false;