div外点击，让该div消失

借助jquery来实现这个简单的小功能

依赖

<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>

 

 Html

 

 

<div>
    <div class="r-input-t" style="background:red;width:20px;height:30px;" οnclick="click1()">
        点我
    </div>
    <div class="r-put-val" style="style="background:red;width:20px;height:30px;" display="none">
        点击下我的外部我会隐藏
    </div>

<div>

 

 JS

var runi = true;
function click1(){
  runi=false;
}
document.body.onclick = function(){
    if(runi){

        var iptObj = $(".r-input-t");

        $(".r-put-val").hide();
       
    }
    runi = true;
}

 

我觉主要不会写document.body.onclick = function(){}这一部分，所以没有思路实现