Trigger event after input field value is changed by javascript

Question

I am using JSF, RichFaces and JavaScript. I change the value of an input field by JavaScript and after such a change, I want to trigger an event. My first try was to use this code:

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

Unfortunately 'onchange' didn't get triggered. How to solve this issue?

You can use this: zurb.com/playground/jquery-text-change-custom-event — techfoobar
– techfoobar, Commented Feb 11, 2013 at 9:54
You want to call a js function on text change ? know that the change event will be called when your input will loose its focus (click outside it for example) — Daniel
– Daniel, Commented Feb 11, 2013 at 9:58

Jehanzeb.Malik · Accepted Answer · 2013-02-11 10:34:31Z

1

Use onBlur. That should be enough for what you want.

answered Feb 11, 2013 at 10:34

Jehanzeb.Malik

3,3904 gold badges29 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

alexP · Accepted Answer · 2013-02-11 10:14:24Z

0

You can use onKeyup for changes and onPaste and onInput for pasted content in Textfields.

(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

edited Feb 11, 2013 at 10:14

answered Feb 11, 2013 at 10:08

alexP

3,7657 gold badges29 silver badges37 bronze badges

Collectives™ on Stack Overflow

Trigger event after input field value is changed by javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related