前端 - jquery的focus为什么不能像css的伪类:focus一样失去焦点自动还原呢?

查看:185
本文介绍了前端 - jquery的focus为什么不能像css的伪类:focus一样失去焦点自动还原呢?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

只有再写一个blur方法才能还原吗?

$('.search input').focus(function(){
        $(this).css({
            'backgroundColor': '#fff'
        }).closest('.search').css({
            'backgroundColor': '#fff'
        });

    });

解决方案

因为你用 JS 写的就是 focus 的回调啊,系统碰到 focus 当然就会触发回调了,你又没写失去焦点时的回调,页面当然乖乖的按照你写的跑啊……可是 CSS 不一样啊,不加伪类时是有默认样式的啊,所以当然一离开就自动还原了嘛……所以说在这种情景下,可能用 CSS 写会相对更加合适一点咯。

这篇关于前端 - jquery的focus为什么不能像css的伪类:focus一样失去焦点自动还原呢?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆