如何实现某元素以外区域点击事件 并隐藏该元素
情景还原:通过input
和异地div
元素组合做一个类似原生的下拉框,要求点击input
框以外区域隐藏div
元素,通过调试发现点击空白区域可以触发input
的blur
事件,但是点击div
内元素不会触发,于是采用以下方式在点击除该input
以外的区域强制加上input
的blur
事件。
//控制点击 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(); } });
通过以上方法可以实现点击除class
为ztree-dropdown-content
的input
以外的区域均可触发此input
的blur
事件。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 如何实现某元素以外区域点击事件 并隐藏该元素
码云笔记 » 如何实现某元素以外区域点击事件 并隐藏该元素