如何通过点击任何地方关闭javascript下拉菜单？

这个问题在这里已经有了答案：

如何检测元素外的点击？ 76个答案

---

尝试下面的代码，它应该工作

$(document).click(function(event) { 
    if(!$(event.target).closest('#myDropdown').length) {
        if($('#myDropdown').is(":visible")) {
            $('#myDropdown').hide()
        }
    }        
})

---

您可以使用此代码： -

var dropdown = $('dropdown_selector');
$(document).click(function(e){
if(e.target === dropdown.get(0))
    {
        // hide dropdawn code here
    }
});

---

onBlur事件在元素失去焦点时触发。

document.getElementById("myDropdown").onblur = function() {
    myFunction();
}

链接地址: http://www.djcxy.com/p/14723.html

上一篇: How to close javascript dropdown menu by clicking anywhere?

下一篇: Jquery div to open/close hidden div properly