点击按钮显示信息，点击按钮外的其他地方隐藏信息

点击按钮显示信息，点击按钮外的其他地方隐藏信息

   本来是使用mouseover和mouseout事件，这样pc端就是鼠标悬浮事件，在安卓移动端也可以通过点击实现，可是ios不接受，所以只能改代码。
通过给body绑定点击事件实现点击按钮外的地方触发隐藏信息事件，特别需要注意的是，给body绑定的事件A应该添加到事件捕获阶段，避免点击按钮时因为事件冒泡触发了事件A。
代码：
方法1.使用mouseover和mouseout事件（不支持ios）

function showOrHide(btn,btn_info){
     $("#"+btn).on("mouseout",function(){
         $("#"+btn_info).hide();
     })
     $("#"+btn).on("mouseover",function(){
         $("#"+btn_info).show();
     })
}

方法2.通过给body绑定点击事件实现点击按钮外的地方触发隐藏信息事件
（支持ios）

function showOrHide(btn,btn_info){
    $("#"+btn).on("click",function(){
       $("#"+btn_info).show();  
    })
    document.body.addEventListener("click",function(){
       $("#"+btn_info).hide();  
    },true)//第3个参数为true，指在捕获阶段添加，默认是false（冒泡）
 }