Input / Change / Keyup / focus event not fired

Question

I have this function:

showReview: function(){
            var main = document.getElementById("main");
            var ins =  main.getElementsByTagName("INPUT");
            var rev = $("reviewcontent").is(":hidden");
            for (var i = 0; i<ins.length; i++){
                $(ins[i]).on('show input keyup focus change', this.getInVals());
                console.log("Invals update from input");
            }
            if(!rev){
                this.addReview();
            }
        }

The events are fired when first loading the page but not when changing the input or focus on another input again. I have no clue why. I thought about that it only listens to the last input of the main but that is not the case.

Answer 1

$(ins[i]).on('show input keyup focus change', this.getInVals());

remove getInVals call. try change getInVals() to getInVals

$(ins[i]).on('show input keyup focus change', this.getInVals);

Answer 2

I don't get what you're trying to do or to say, but I was doing something similar, you can have it as an example if it helps.

$('.look').on('keyup change', function () {
    var value = $(this).val().toLowerCase();
    var what_place = $(this).parents('.collapse').find('.col-sm-0');
    $(what_place).each(function(){
        $(this).css({"display": "block"});
        if(value == ''){
            $(this).css({"display": "block"});
        }
        else if($(this).find('h5').text().toLowerCase().indexOf(value) < 0){
            $(this).css({"display": "none"});
        }
    });
});