javascript - 这段js监听在control加tab切换时会触发,如果直接输入,除了keyup其他不及时生效
ringa_lee
ringa_lee 2017-04-11 11:31:17
0
1
169
$('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秒才能反应过来,如何优化它?

ringa_lee
ringa_lee

ringa_lee

全部回复(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();提示隐藏
    })
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!