html5的点击div外侧进行隐藏div的兼容手机

概要目标：由于自己在进行项目开发的时候遇到了需要点击div容器以外的地方进行关闭此div 特此进行记录。

1.首先需要进行 在网页的页面整体document的点击事件进行编写，需要判断是否是手机

     document.onclick = function () {
            // console.log(data.HostNav);
            if (!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)) {
                var event = window.event || ev;
                hide(event, 'SendCRPingNav'); // 隐藏点击登陆
                hide(event, 'BanQuanNav'); // 隐藏点击找密
                hide(event, 'share_panorama'); // 隐藏点击留言 
            } else {
              
                var event = window.event || ev;
                hide(event, 'SendCRPingNav'); // 隐藏点击登陆
                hide(event, 'BanQuanNav'); // 隐藏点击找密
                hide(event, 'share_panorama'); // 隐藏点击留言 

            }
        }

2.进行隐藏代码的编写

主要含义是判断是不是指定div 不是的话，就进行jquery 淡出关闭

 function hide(evt