focusout问题

Forbes 发布于 2015/06/04 21:07
阅读 289
收藏 0

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

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

求指点

加载中
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>

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



岁月无痕
岁月无痕
回复 @Forbes : JQ有基本动画效果的支持的,可以查查JQ的animate
Forbes
Forbes
回复 @岁月无痕 : 主要是有动画效果
岁月无痕
岁月无痕
回复 @Forbes : 给他加个 focus()
Forbes
Forbes
<script> $('#target_input').blur(function(){ $(this).hide(); }); $('#action_a').click(function(){ $('#target_input').show().focus(); }); </script> 但是当点击a的时候要让文本框获取焦点啊
0
Forbes
Forbes
        $('#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);


        });  
0
赵小布007
赵小布007
文本框失去焦点隐藏,点击a链接显示(不隐藏)文本框~
Forbes
Forbes
但是点a就已经失去焦点了
返回顶部
顶部