javascript - 在输入字段中输入文本后，按钮 onclick 不会触发

Question

我做了一个简单的计算器。

用户可以在输入字段中输入一个值，然后单击“+”按钮。焦点仍然在输入字段上，因此用户可以在单击 + 后直接输入新值。鼠标位置保留在“+”按钮上，因此他可以在输入新值后再次单击。然而，单击这一次，根本没有触发任何事件。大约之后。 1秒后又可以了，点击被触发。请解释一下。

注意我在使用在线计算器时也经历过同样的行为，例如http://web2.0calc.com/

html代码:

<input type='text' id=calc size=14 style='text-align:right' ></input>
<button type='button' onclick= 'Plus()'>+</button>

和脚本:

 // init:
  document.getElementById('calc').value = '' 
  document.getElementById('calc').focus()
  //
  function Plus(){
  // check input, add to total
  document.getElementById('calc').value = '' // clears input after add
  document.getElementById('calc').focus()    // keeps focus on input
   }

Answer 1

您提供的示例链接在我的机器上运行得很好。您提到的 1 秒延迟可能是性能问题，因为浏览器旧、机器速度慢等。