javascript输入和检查数学函数答案

【问题标题】：javascript input and checking math functionjavascript输入和检查数学函数
【发布时间】：2015-03-03 11:32:18
【问题描述】：

<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/>
<p id="text"></p>
<script>
var input = document.getElementById("searchTxt");
document.getElementById('text').innerHTML = input.value;</script>

我正在输入，文本应该出现在下面，但它没有，我不知道为什么，有人知道问题可能是什么吗？

【问题讨论】：

您的脚本在页面加载时运行，而不是在用户在搜索字段中键入时运行。
“检查数学函数”与这个问题有什么关系？任何地方都没有数学。

标签： javascript html forms dom input

【解决方案1】：

如果您想在用户输入字段时运行脚本，您需要将其放入事件侦听器中。当页面首次加载时，您的代码只运行一次。由于尚未在文本字段中输入任何内容，因此在 innerHTML 中没有任何内容。

document.getElementById("searchTxt").addEventListener('keyup', function() {
  document.getElementById('text').innerHTML = this.value;
});

<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField" />
<p id="text"></p>

【讨论】：

【解决方案2】：

将oninput 事件处理程序附加到输入元素，如下所示：

var input = document.getElementById("searchTxt");

input.oninput = function() {
    document.getElementById('text').innerHTML = input.value;    
}

input.onpropertychange = input.oninput; // for IE8 and below

JSFiddle

【讨论】：