document.addEventListener("click",clickHidden);//所有组件添加点击事件
 
    var mn=document.getElementById('menu');//获取菜单节点，菜单id为menu
    function clickHidden(eve)
    {
        if( eve.target.id!="menu" )//点击的如果不是菜单，菜单隐藏。如果是菜单，菜单显现
    	mn.style.display="none";
    }

我使用的范例

   $(function () {
            $("#openMenu").click(function () {
                document.addEventListener("click", clickHidden, false);//所有组件添加点击事件
                $("#add").show()
            });
        });

        var mn = document.getElementById('add');//获取菜单节点，菜单id为menu
        function clickHidden(eve) {
            //console.log(eve)
            if (eve.target.id != "openMenu") {
                if (eve.target.id != "add") {//点击的如果不是菜单，菜单隐藏。如果是菜单，菜单显现
                    mn.style.display = "none";
                    document.removeEventListener("click", clickHidden, false)
                } else {
                    mn.style.display = "block";
                }
            }
        }