{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

如何实现某元素以外区域点击事件 并隐藏该元素

情景还原:通过input和异地div元素组合做一个类似原生的下拉框,要求点击input框以外区域隐藏div元素,通过调试发现点击空白区域可以触发inputblur事件,但是点击div内元素不会触发,于是采用以下方式在点击除该input以外的区域强制加上inputblur事件。

//控制点击input以外的区域会触发input的blur事件
$(document).mouseup(function (e) {
    var _con = $(".ztree-dropdown-content"); // 设置目标区域
    if(!_con.is(e.target) && _con.has(e.target).length === 0){
        $(".ztree-dropdown-content").hide();
    }
});

通过以上方法可以实现点击除classztree-dropdown-contentinput以外的区域均可触发此inputblur事件。


资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:如何实现某元素以外区域点击事件 并隐藏该元素
喜欢 () 分享 (0)