How to use `blur` and `change` the same time : jquery

Question

According to my autosave function (link here). Which is triggered by something change to the element. In this case blur and change - input text and checkbox.

I want to make the function working on both typing and clicking the box. Because there're both element type in the same line.

I tried $('xxx').on('blur change',function()...

But only change is working. Any idea???

Note that `change` only fires on `blur`, so they're behaviourally almost the same thing. Perhaps you should try the `input` event if you want to fire the event when the user types too — Rory McCrossan, Sep 11 '17 at 11:30

score 1 · Answer 1 · answered Sep 11 '17 at 11:29

You can use this type of pattern. And define a new function commonFunction that contains common code for both the events.

$("xxx").on({
    blur: function() {
        // Handle blur...
        commonFunction();
    },
    change: function() {
        // Handle change...
        commonFunction();
    }
});

How to use `blur` and `change` the same time : jquery

1 Answers1