javascript - 文本域 : appending text has no effect

Question

我有一段代码，当我在文本字段中输入文本时会显示一个 div。它工作正常。现在我想通过将按钮的文本克隆到文本字段中来输入文本。文本显示在文本字段中，但 div 没有显示。

function addText(event) {
  var targ = event.target || event.srcElement;
  document.getElementById("user_notation").value += targ.textContent || targ.innerText;
}

<input id="user_notation">
<button onclick="addText(event)">C</button>

Answer 1

您必须在 .addText() 的 ned 处调用显示 div 中值的显示函数:

function addText(event) {
  var targ = event.target || event.srcElement;
  document.getElementById("user_notation").value += targ.textContent || targ.innerText;

  showText(); //Show value in div
}

function addText(event) {
  var targ = event.target || event.srcElement;
  document.getElementById("user_notation").value += targ.textContent || targ.innerText;
  
  showText();
}

document.getElementById("user_notation").addEventListener('input', showText, false);

function showText(){
    document.getElementById("result").innerHTML = document.getElementById("user_notation").value;
}

<input id="user_notation">
<button onclick="addText(event)">C</button>
<div id="result"></div>