focusout问题

focusout问题

凡尘雨 发布于 2021-11-28 字数 123 浏览 886 回复 8

假设有一个文本框和一个a标签,

文本框失去焦点后自动隐藏,现要求点击a的时候文本框不隐藏。

求指点

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(8

居里长安 2021-12-01 8 楼

但是点a就已经失去焦点了

路还长,别太狂 2021-12-01 7 楼

文本框失去焦点隐藏,点击a链接显示(不隐藏)文本框~

悟红尘 2021-12-01 6 楼

        $('#search-btn').click(function() {

            $(this).addClass('click-search-btn');

            $("#header-search").animate({width: '150px'}, 180);

            $('#header-search input').focus();

        });

        $("#header-search input").focusout(function() {

            $("#header-search").animate({width: '0px'}, 150);

            setTimeout("$('#search-btn').removeClass('click-search-btn')", 140);

        });  

为你鎻心 2021-12-01 5 楼

<script> $('#target_input').blur(function(){ $(this).hide(); }); $('#action_a').click(function(){ $('#target_input').show().focus(); }); </script> 但是当点击a的时候要让文本框获取焦点啊

清欢 2021-12-01 4 楼

回复
给他加个 focus()

躲猫猫 2021-11-30 3 楼

回复
主要是有动画效果

心欲静而疯不止 2021-11-30 2 楼

回复
JQ有基本动画效果的支持的,可以查查JQ的animate

夜无邪 2021-11-30 1 楼
<input type="text"  id="target_input" />
<a href="javascript:void(0);" id="aciton_a" >这里是a标签</a>
<script><script>  //这里引入JQ,不想写原生JS
<script>
$('#targt_input').blur(function(){
   $(this).hide();
});
$('#action_a').click(function(){
   $('#target_inoput').show();
});

</script>

夜深了,代码敲的不是很仔细,望采纳~