gpt4 book ai didi

javascript - 单击屏幕上的任意位置时如何隐藏特定的 div

转载 作者:行者123 更新时间:2023-11-28 04:00:41 26 4
gpt4 key购买 nike

我有一个搜索结果 div,其中包含根据用户搜索的搜索结果列表项。但我想在用户单击屏幕上的任何位置时隐藏该结果 div。

这是我的搜索 div 代码:

<div id="user_search">
<div class="inpt-head-place" style="width:9em;">
<?php echo form_open( '',[ 'class'=>' navbar-left navbar-change','id'=>'search_form']) ?>
<?php echo form_input([ 'type'=>'text','class'=>'form-control form-media search_user_bar','placeholder'=>'Search Here','name'=>'search']); ?>
<div id="search_result" class="search_result"> </div>

</div>
<div class="inpt-head-place" style="width: 20px;">
<button class="btn btn-default btn-resize" type="submit" name="submit" id="submit_here"> <i class="fa fa-search"></i> </button>
<?php echo form_close(); ?>
</div>
</div>

这是带有结果的搜索栏快照:

And here is a Snap of search Bar with their results

请建议我..谢谢

最佳答案

您可以通过将点击绑定(bind)到 documentbody 来检查被点击的元素或任何子元素是否是被点击的元素或被点击元素的子元素:

$(document).on('click', function(e) {
if (!$('#search_result').is(e.target) && $('#search_result').has(e.target).length === 0){
$('#search_result').hide();
}
});

关于javascript - 单击屏幕上的任意位置时如何隐藏特定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43228864/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com