javascript - 关于focus和blur事件先后发生所产生文本移位的问题！

问题描述

问 题

代码是这样的！

事件发生之前是这样的！

focus事件发生之后！

blur事件发生之后！

所以问题是文本显示的位置为什么会发生变化？怎么解决这个问题，谢谢大家！

解决方案

目测是因为.test这个<span>是inline的，所以改成block当然就成block咯。

还有你这代码写的太麻烦了，改成：

$(function() {
    $('.hel')
        .focus(function(){
            $('.test').hide();
        })
        .blur(function(){
            $('.test').show();
        });
});

就行了。因为hide会自动缓存display，所以应该不会碰到这种问题~

这篇关于javascript - 关于focus和blur事件先后发生所产生文本移位的问题！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！