javascript - javascript更改输入字段值后触发事件

Question

我正在使用 JSF、RichFaces 和 JavaScript。我通过 JavaScript 更改输入字段的值，在这样的更改之后，我想触发一个事件。我的第一次尝试是使用以下代码：

<t:inputText id="info" value="#{controller.state}" onchange="adaptUserInterface();" />

不幸的是，'onchange' 没有被触发。如何解决这个问题？

Answer 1

使用onBlur。这应该足以满足您的需求。

Answer 2

您可以onKeyup用于更改和onPaste粘贴onInput文本字段中的内容。

(function() {
    var info = document.getElementById('info');
    info.addEventListener('keyUp', function(){ adaptUserInterface(info.value)} );
    info.addEventListener('paste', function(){ adaptUserInterface(info.value)} );
    info.addEventListener('input', function(){ adaptUserInterface(info.value)} );
})();

function adaptUserInterface(value){  
  console.log(value);
}

在这里演示