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

【问题标题】：Trigger event after input field value is changed by javascriptjavascript更改输入字段值后触发事件
【发布时间】：2013-02-11 18:34:31
【问题描述】：

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

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

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

【问题讨论】：

你可以使用这个：zurb.com/playground/jquery-text-change-custom-event
您想在文本更改时调用 js 函数？知道当您的输入失去焦点时将调用更改事件（例如单击外部）

标签： javascript jsf

【解决方案1】：

使用onBlur。这应该足够你想要的了。

【讨论】：

【解决方案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);
}

DEMO HERE

【讨论】：