1原生方法
// HTML
<DIV ID = "ボックス" スタイル= "幅：110px;高さ：110px; </ div>
// JS ------ jsが、関係を含むDOM要素を表示するために使用される方法を含んでいます
document.addEventListener（ 'クリック'、（E）=> {
警告（ 'zhixing'）
VARボックス=のdocument.getElementById（ '箱'）;
（box.contains（e.target）の場合）{
警告（ '在内' ）;
}他{
アラート（ '在外'）;
}
}）
document.addEventListener（ 'クリック'、（E）=> {
警告（ 'zhixing'）
VARボックス=のdocument.getElementById（ '箱'）;
（e.target.className === '箱'の場合）{
警告（」在内'）;
}他{
アラート（'在外'）;
}
}）
2、VUE文言
// HTML
<DIV ID = "ボックス" REF = "ボックス" スタイル= "幅：110px;高さ：110px; </ div>
// JS ---- refがあるVUEのDOM要素法、ラベル上のバインディングREF属性は、これで内部コンポーネントをJS得る。コールrefs.ref値$。
作成した（）{
document.addEventListener（ 'クリック'、（E）=> {
はconsole.log（この$ refs.box.contains（e.target））;。
！。（この$ refs.box.contains（E場合.TARGET））{
this.isShowDialog = FALSE;
}
}）
}
原文：HTTPS：//blog.csdn.net/cxz792116/article/details/79415544
3vue
最も外側のdivは、クリックイベントを追加するために、@ =「UserClickまた= false」をクリックしてください
// click.stop @ =「UserClickまた= UserClickまた！」// VUEのclick.stopは、拡散を防ぐセルフテストがclick.stop停止バブリング@直接することができ継続してイベントをクリックします。上記のプラスの要素にクリックしてください
またはJSでのイベントで子要素
クリックしてください（E）=> {
e.stopPropagation（）; //イベントのバブリングを停止
this.userClick = this.userClick！;
}
プロのテストに便利ですハ〜
// HTML
<DIV ID = "ボックス" スタイル= "幅：110px;高さ：110px; </ div>
// JS ------ jsが、関係を含むDOM要素を表示するために使用される方法を含んでいます
document.addEventListener（ 'クリック'、（E）=> {
警告（ 'zhixing'）
VARボックス=のdocument.getElementById（ '箱'）;
（box.contains（e.target）の場合）{
警告（ '在内' ）;
}他{
アラート（ '在外'）;
}
}）
document.addEventListener（ 'クリック'、（E）=> {
警告（ 'zhixing'）
VARボックス=のdocument.getElementById（ '箱'）;
（e.target.className === '箱'の場合）{
警告（」在内'）;
}他{
アラート（'在外'）;
}
}）
2、VUE文言
// HTML
<DIV ID = "ボックス" REF = "ボックス" スタイル= "幅：110px;高さ：110px; </ div>
// JS ---- refがあるVUEのDOM要素法、ラベル上のバインディングREF属性は、これで内部コンポーネントをJS得る。コールrefs.ref値$。
作成した（）{
document.addEventListener（ 'クリック'、（E）=> {
はconsole.log（この$ refs.box.contains（e.target））;。
！。（この$ refs.box.contains（E場合.TARGET））{
this.isShowDialog = FALSE;
}
}）
}
原文：HTTPS：//blog.csdn.net/cxz792116/article/details/79415544
3vue
最も外側のdivは、クリックイベントを追加するために、@ =「UserClickまた= false」をクリックしてください
// click.stop @ =「UserClickまた= UserClickまた！」// VUEのclick.stopは、拡散を防ぐセルフテストがclick.stop停止バブリング@直接することができ継続してイベントをクリックします。上記のプラスの要素にクリックしてください
またはJSでのイベントで子要素
クリックしてください（E）=> {
e.stopPropagation（）; //イベントのバブリングを停止
this.userClick = this.userClick！;
}
プロのテストに便利ですハ〜