点击div区域外,关闭弹窗

情景:点击按钮弹出div弹窗,并且点击弹窗和按钮区域外隐藏div

大概思路是:
通过冒泡,给document也绑定一个点击事件,同时阻止按钮和div的事件冒泡,
而点击其他地方的时候,会通过冒泡触发document的点击事件,在这个事件中将div隐藏,

要注意的是,return false在jq中会同时阻止默认行为和冒泡事件,而js中,只能阻止默认行为
兼容ie写法如下图


image.png

你可能感兴趣的:(点击div区域外,关闭弹窗)