js实现点击div外部隐藏弹出框

body{background-color:#999999;}#myDiv{background-color:#FFFFFF;width:250px;height:250px;display:none;}

<input id="btn" type="button" value="切换显示DIV" /><div id="myDiv">This is a div;</div>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

var myDiv = $("#myDiv");$(function (){$("#btn").click(function (event) {event.stopPropagation();//阻止事件向上冒泡$(myDiv).fadeToggle();$(document).one("click", function () {//对document绑定一个影藏Div方法$(myDiv).hide();});$(myDiv).click(function (event) {event.stopPropagation();});});});