Javascript输入直接淡出和聚焦
javascript input fade in and focus directly
我有一个搜索框,通过点击搜索图标,输入展开。我想在扩展后立即添加焦点。当前,当框扩展时,用户必须在输入框内单击以搜索…
<script>
$('#icon_search_expand').on('click',function(){
if($('#form_group_id').css('display')!='none'){
$('#icon_search_expand').fadeIn(100, 'swing').hide();
$('.search_button').fadeIn(100, 'swing').siblings('div').hide();
}else if($('#icon_search_expand').css('display')!='none'){
$('#form_group_id').fadeIn(100, 'swing').siblings('div').hide();
}
if($('#form_group_id').css('display')!='none'){
$('#icon_search_expand').hide();
$('.search_button').fadeIn(100, 'swing');
}
});
</script>
<div class="form-group" id="form_group_id" style="display:none;">
<input class="form-control" placeholder="{% trans "Search..." %}" type="text" name="q" value="{{ request.REQUEST.q }}" id="form_control_id">
</div>
<i class="fa fa-search" aria-hidden="true" id="icon_search_expand"></i>
<button type="submit" class="search_button" id="search_button_id" aria-hidden="true" value="" style="display:none !important;">
<i class="fa fa-search" id="fa-search-id" aria-hidden="true"></i>
</button>
你有没有试过focus() like
$('input.form-control').focus();
相关文章:
- 音频控件在mouseover上显示,在mouseout上淡出
- 将事件聚焦/模糊在可编辑内容的元素上
- Javascript将图像src更改为淡入淡出
- jQuery自动完成阻止选择后聚焦
- css(或jQuery)悬停时淡入淡出
- 将淡入淡出添加到“我的身体背景滑块”
- 使用向下箭头键(与tab键一样)聚焦下一个输入
- 当没有文本输入聚焦时检测空格键按下
- 多重潜水淡入淡出打开
- 添加/删除类淡入淡出不起作用
- 在容器中心滚动时淡出
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- jQuery图像幻灯片,在停止后淡出到第一张图像
- jQuery淡出后停止自动滚动
- 在这个幻灯片中没有淡出效果JavaScript,CSS和HTML
- 如何移除或改进:在Bootstrap Carousel上聚焦风格
- 使用jquery淡入淡出
- 淡入淡出脚本不起作用
- 如何在jQuery中淡出除聚焦元素以外的所有元素
- Javascript输入直接淡出和聚焦