입력 필드 값이 자바 스크립트에 의해 변경된 후 트리거 이벤트

Question

JSF, RichFaces 및 JavaScript를 사용하고 있습니다. JavaScript로 입력 필드의 값을 변경하고 이러한 변경 후에 이벤트를 트리거하려고합니다. 첫 번째 시도는이 코드를 사용하는 것입니다.

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

불행히도 'onchange'가 실행되지 않았습니다. 이 문제를 해결하는 방법?

Answer 1

변경 사항은 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

Answer 2

사용 onBlur. 그것은 당신이 원하는 것에 충분할 것입니다.