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輸入和檢查數學函數

回答

相關問題