input 输入监听以及关闭按钮隐藏

最新推荐文章于 2024-03-11 22:58:44 发布

PanDa____

最新推荐文章于 2024-03-11 22:58:44 发布

阅读量423

点赞数

分类专栏： JavaScript 文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/panda____/article/details/124447045

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<div class="forFlex searchPerson">
     <div class="forFlex">
          <i class="searchPersonBtn"></i>
          <input type="text" class="inputPerson" placeholder="请输入成员或部门">
     </div>
     <i class="searchPersonClose"></i>
</div>

 $('.searchPersonClose').click(function () {
        $(this).parents('.searchPerson').find('input').val('');

    })

    $(".inputPerson").bind("input propertychange", function () {
        $('.searchPersonClose').show();
    })

    $('.inputPerson').blur(function () {
        setTimeout(function () {
            $('.searchPersonClose').hide();
        }, 200)
    })