In jQuery .on to bind a function to multiple events:


$('#InputElement').on('keyup keypress blur change', function(e) {
    // e.type is the type of event fired
});

Or just pass the function as the parameter to normal event functions:
:
var myFunction = function() {
   //Your code here
}
$('#InputElement')
    .keyup(myFunction)
    .keypress(myFunction)
    .blur(myFunction)
    .change(myFunction)

Example:
<html>
<head>
<script type="text/javascript"
 src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
<h1>jQuery multiple events to trigger the same function</h1>
    <input type="text" id="InputElement" /> <button id="reset" >reset</button><br />
    <div id="consoleA" class="pre-scrollable"></div>
<script type="text/javascript">
    $('#InputElement').on('keyup keypress blur change', function (e) {
        // e.type is the type of event fired
        var t = e.type;     
        $('#consoleA').append(String(t) + '<br><br>');
    });

    $("#reset").click(function () {
        $('#consoleA').html('');
    });
</script>
</body>
</html>

jQuery multiple events to trigger the same function

Type Something: