Skip to content Skip to sidebar Skip to footer
Home / Ajax / Html / Javascript / Jquery

I Want To Trigger An Event Every Single Time Data Changes In An Html Text Input Field Regardless Of Focus

Post a Comment
How do you catch the client-side event when a browser changes an input text field using the browser's autocomplete feature for a plain HTML input field? (This is the small dropdow

Solution 1:

The only foolproof way I know of to always catch ALL changes no matter how they're done is to use a setInterval. This is somewhat CPU intensive, though, so you probably want to try to keep the selector more minimal than this.

setInterval( function() {
    $('input').each( function() {
        if ($(this).val() != $(this).attr("_value")) {
            // Save the new value
            $(this).attr("_value", $(this).val());

            // TODO - Handle the changed value
        }
    });
}, 100);

Solution 2:

I'm surprised that the 'change' event doesn't fire to be honest...

Anyway, Plutor has the right idea. A more CPU friendly version of his answer:

var value,
    elem = $('input[name=email]')[0];
setInterval(function(){
    if (elem.value !== value) { /* do something */ }
    value = elem.value;
}, 100);

Solution 3:

you can call your function in your function for next time after many seconds , try this :

functionstartTime() {
    var today=newDate();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML = h+":"+m+":"+s;
    var t = setTimeout(function(){startTime()},500);
}

functioncheckTime(i) {
    if (i<10) {i = "0" + i};  // add zero in front of numbers < 10return i;
}
<!DOCTYPE html><html><head></head><bodyonload="startTime()"><divid="txt"></div></body></html>

reference is : http://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock

Post a Comment for "I Want To Trigger An Event Every Single Time Data Changes In An Html Text Input Field Regardless Of Focus"