当文本框填满数据时调用 Javascript 函数

Question

如何制作一个 JavaScript 函数来不断检查用户是否已将数据输入到一个或多个文本框中？谢谢!

Answer 1

您不应该使用setInterval。您应该使用 onchange 事件。

参见http://jsfiddle.net/QwBU8/

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。浏览器将卡住!!