如何製作一個JavaScript函數,該函數會不斷檢查用戶是否將數據輸入到一個或多個文本框中? 謝謝!在文本框中填充數據時調用Javascript函數
0
A
回答
3
您不應該使用setInterval
。您應該使用onchange
事件。
document.getElementById('myinput').onchange=change;
document.getElementById('mytextarea').onchange=change;
function change(e){
if(!e){e=window.event;}
document.getElementById('log').innerHTML+='Element with id "'+this.id+'" has changed\n';
}
但要注意,此事件不會在該文本框被修改的那一刻解僱;它在失去焦點時會被解僱(當然,只有當它發生了變化)。
如果您想在每次修改時觸發事件,您可以使用oninput
(但它不受所有瀏覽器支持)。
但是避免使用setInterval
,它會吃掉很多資源。假設您在瀏覽器中打開了30個選項卡,並且它們都有不同的setInterval
。瀏覽器將凍結!
1
您可以使用window.setInterval
功能定期執行某些功能:
window.setInterval(function() {
// do your check here => this will run every second
}, 1000);
1
你可以做兩件事情,運行與setInterval
一個功能,定期檢查textarea的值,或綁定組合的mousedown
,,keyup
,和keyup
事件來檢測輸入數據的各種可能的方法,然後比較textarea文本的當前長度和最後一個值(最初爲0)以查看是否有變化。如果有,請調用該函數。
1
window.setInterval(function() {
if(($('#textbox').val() != "")){
//do something or call function
}
else{
// do something or call function
}
}, 1000);
相關問題
- 1. 用mysql數據填充文本框
- 2. 使用javascript填充頁面加載數據的文本框
- 3. 禁用文本框直到數據表填充到javascript
- 4. Javascript - 用新數據填充組合框
- 5. 在數據框中填充數據
- 6. 從asp文本框調用javascript函數
- 7. 如何在MVC3中使用一些數據填充文本框?
- 8. 在Jquery中使用JSON數據填充文本框
- 9. 使用javascript填充多個文本框
- 10. 從數據庫中提取數據到自動填充文本框時出錯
- 11. 如何使用數據庫中的值填充文本框
- 12. 如何使用函數填充數據框中的列
- 13. 當文本框中填充角度js中的數據時禁用跨度
- 14. 在R中填充空數據框
- 15. 使用JSON數據填充Javascript數組
- 16. 用jQuery填充文本框
- 17. 當其他文本框被填充時填寫文本框
- 18. R填充空數據框
- 19. 逐步填充數據框
- 20. 如何在更新數據庫時用空值填充空文本框?
- 21. 使用setInterval函數在Javascript中填充數組
- 22. 數據不被填充數據框 - PySpark
- 23. 如何用MySQL數據填充HTML文本框
- 24. 如何使用數據讀取器的值填充文本框
- 25. 如何使用jQuery將數據填充到Facebook文本框?
- 26. 如何用表格數據填充文本框?
- 27. 使用JQuery或AJAX從數據庫填充文本框
- 28. 在SQL數據庫的網頁上填充文本框
- 29. 如何從數據集中填充文本框?
- 30. 如何從我的數據庫中填充文本框的值?
http://stackoverflow.com/questions/5786799/how-to-detect-textbox-change-event-from-javascript可能是有用的。 – spotter 2012-08-14 18:49:43