javascript - 如何从javascript检测文本框更改事件

Question

我有一个文本框 asp.net 服务器控件。我正在从我想检测文本框文本何时更改的javascript修改文本框的值。我尝试了 onchange 事件，当文本发生变化时，它会在丢失的焦点上被调用。但在我的例子中，我改变了来自 Javascript 的文本。我怎样才能做到这一点？

Answer 1

更新 value 属性不会触发更改事件。更改事件由用户触发。

您可以编写一个函数来更改值并执行您需要执行的任何其他操作...

function changeTextarea(str) {
   document.getElementById('a').value = str;
   // Whatever else you need to do.
}

...或轮询 textarea 的值...

(function() {
   var text = getText();   
   var getText = function() {
      return document.getElementById('a').value;
   }  

   setInterval(function() {
      var newtext = getText();
      if (text !== newText) {
          // The value has changed.
      }
      text = newText; 
   }, 100);
})();

...或者自己显式调用 onchange() 事件。

document.getElementById('a').onchange();

(假设您使用 onchange 属性设置事件。)

变通办法并不是非常好的解决方案。无论哪种方式，您都需要进行一些干预以在更新 textarea 的 value 属性时触发额外的代码。