1 원생 방법
// HTML
<DIV 아이디 = "상자"스타일 = "너비 : 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 아이디 = "상자"REF = "상자"스타일 = "너비 : 110px; 높이 : 110px; </ DIV>
// JS ---- 심판은 VUE DOM 요소 방법, 라벨에 바인딩 ref 속성은, 이것으로 내부 구성 요소를 JS 얻을. 전화 refs.ref 값 $.
생성 () {
document.addEventListener가 ( '클릭'(E) => {
을 console.log (이 $ refs.box.contains (e.target));.
!. 경우 (이 $ refs.box.contains (예를 .target)) {
this.isShowDialog = 거짓;
}
})
}
原文: HTTPS : //blog.csdn.net/cxz792116/article/details/79415544
3vue
가장 바깥 쪽 사업부는 클릭 이벤트를 추가 @ = "userClick = false"를 클릭
위의 플러스의 요소를 클릭하십시오 : "UserClick = userClick"@ click.stop = // VUE의 click.stop은 자체 테스트를 계속 이벤트를 클릭 // 확산이 click.stop 정지 버블 @ 직접 할 수 있습니다 방지
또는 JS에서 이벤트의 하위 요소
클릭 (E) => {
e.stopPropagation (); // 이벤트 버블 링을 중지
this.userClick = this.userClick!
}
프로 테스트에 유용 하 ~입니다
// HTML
<DIV 아이디 = "상자"스타일 = "너비 : 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 아이디 = "상자"REF = "상자"스타일 = "너비 : 110px; 높이 : 110px; </ DIV>
// JS ---- 심판은 VUE DOM 요소 방법, 라벨에 바인딩 ref 속성은, 이것으로 내부 구성 요소를 JS 얻을. 전화 refs.ref 값 $.
생성 () {
document.addEventListener가 ( '클릭'(E) => {
을 console.log (이 $ refs.box.contains (e.target));.
!. 경우 (이 $ refs.box.contains (예를 .target)) {
this.isShowDialog = 거짓;
}
})
}
原文: HTTPS : //blog.csdn.net/cxz792116/article/details/79415544
3vue
가장 바깥 쪽 사업부는 클릭 이벤트를 추가 @ = "userClick = false"를 클릭
위의 플러스의 요소를 클릭하십시오 : "UserClick = userClick"@ click.stop = // VUE의 click.stop은 자체 테스트를 계속 이벤트를 클릭 // 확산이 click.stop 정지 버블 @ 직접 할 수 있습니다 방지
또는 JS에서 이벤트의 하위 요소
클릭 (E) => {
e.stopPropagation (); // 이벤트 버블 링을 중지
this.userClick = this.userClick!
}
프로 테스트에 유용 하 ~입니다