这段js监听在control加tab切换时会触发，如果直接输入，除了keyup其他不及时生效

Question

$('input').on('click', function() {
    var c = $(this);
    c.keyup(function() {
        if (/[^\d]/.test(c.val())) { //替换非数字字符  
            var temp_amount = c.val().replace(/[^\d]/g, '');
            $(this).val(temp_amount);
        };
    });

    c.focus(function() {
        if (c.val() > 35 || c.val() < 1) {//大于35小于1时border与文本变红
            c.css({
                "border-color": "#E85F5C",
                "color": "#E85F5C"
            });
            $('.page-tips').show();//提示显示
        } else {//在1-35范围内的数字边框变绿，文本变黑
            c.css({
                "border-color": "#24AC7E",
                "color": "#555"
            });
            $(".page-tips").hide();提示隐藏
        };
    });

    c.blur(function() {//当input失去焦点时
        if (c.val().length <= 0){//并且输入框没有字符时
            c.css({
                "border-color": "#CCC"， //边框变灰色
                "color": "#555"        //文本变黑色
            });
        $(".page-tips").hide();提示隐藏
    });

});

这段js反应太慢了，要等个7-8秒才能反应过来，如何优化它？

Answer 1

你这个明显不是性能问题,代码写的有问题.
你直接改成这样试试：

$('input')
    .keyup(function() {
        if (/[^\d]/.test(c.val())) { //替换非数字字符  
            var temp_amount = c.val().replace(/[^\d]/g, '');
            $(this).val(temp_amount);
        };
    })
    .focus(function() {
        if (c.val() > 35 || c.val() < 1) {//大于35小于1时border与文本变红
            c.css({
                "border-color": "#E85F5C",
                "color": "#E85F5C"
            });
            $('.page-tips').show();//提示显示
        } else {//在1-35范围内的数字边框变绿，文本变黑
            c.css({
                "border-color": "#24AC7E",
                "color": "#555"
            });
            $(".page-tips").hide();提示隐藏
        };
    })
    .blur(function() {//当input失去焦点时
        if (c.val().length <= 0){//并且输入框没有字符时
            c.css({
                "border-color": "#CCC"， //边框变灰色
                "color": "#555"        //文本变黑色
            });
        $(".page-tips").hide();提示隐藏
    })