弹框中的小问题

弹框中的小问题-关闭遮罩层

问题：如上图是一个弹框，需要点击遮罩层或者右上角的叉号关闭弹框，但是给遮罩层添加了关闭事件之后，点击弹框中的任何内容都会关闭

文档结构：

<div className="mask" onClick={this.closeMask}>
  <div className="loginBox" onClick={e => e.stopPropagation()}></div>
</div>

closeMask = () =>{
  执行关闭程序
}

**e.stopPropagation() 可以阻止事件向内部传递

如果是静态页面中还可以这么做：

objMask.click(function(e)){
	  if($(e.target).is(".mask")){
	      执行关闭程序
	 }
}

objMask：遮罩层元素