javascript输入和检查数学函数

<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输入和检查数学函数

来源

2015-03-03 user2405578

你的脚本在页面加载的用户，而不是在运行键入到搜索字段中。 – Barmar 2015-03-03 03:22:25

“检查数学函数”与这个问题有什么关系？没有任何数学的地方。 – Barmar 2015-03-03 03:28:42

如果要在用户键入字段时运行脚本，则需要将其放入事件侦听器中。当页面首次加载时，您的代码只运行一次。由于没有任何内容输入到文本框中，因此没有任何内容放入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>

来源

2015-03-03 03:25:30 Barmar

附上oninput事件处理程序的输入元素是这样的：

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

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

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

JSFiddle

来源

2015-03-03 03:30:32 frosdqy

javascript输入和检查数学函数

回答

相关问题