jquery - 「enter」イベントと「blur」イベントを使用してjQueryで関数を呼び出していますが、短縮することはできますか?

Question

ユーザーがぼかしたり、テキスト ボックスに入力したときに関数をトリガーしたいと考えています。私はそれを実装するためにこのコードを書きました：

text:function(input,el){
    var textCheck = function(){
        var value = $.trim(el.val());
        if(!value){
             el.addClass('error');
        }else{
             el.removeClass('error');
        }
    }

    $(el).on('blur click keyup', textCheck); //calling the function
    $(el).on('keyup', function(e){ ////calling the function again 
        if(e.keyCode == 13){
             textCheck();
        }
   });
   //instead of calling 2 times, how can i put together as single call?
}

イベントをバインドするコードを短くできますか?

Answer 1

はい！.bind()イベント ハンドラのマップを除く jQuery メソッドを使用できます。

$(el).bind({
    "blur click keyup": textCheck,
    "keyup": function(e) {
        if(e.keyCode == 13) {
            textCheck();
        }
    }
});

Answer 2

次のように実行できます: {しかし、これの目的が見つかりません}

text:function(input,el){
    var textCheck = function(e){
        if(e && e.type == "keyup" && e.keyCode == 13)
                        textCheck();
        var value = $.trim(el.val());
        if(!value){
             el.addClass('error');
        }else{
             el.removeClass('error');
        }
    }

    $(el).on('blur click keyup', textCheck); //calling the function

}