자식 항목을 선택했는데 상위 부모의 이벤트도 실행되는 것을 방지하는 소스코드입니다.
코드
<html>
<body onclick="javascript:alert('parent');">
<button onclick="javascript:alert('child1');">버튼</button>
<button onclick="javascript:event.stopPropagation();alert('child2');">버튼</button>
</body>
</html>
내용 event객체의 stopPropagation 펑션을 이용해 부모로 이벤트가 전파되는 것을 막을 수 있습니다.
'프로그래밍 > Web.' 카테고리의 다른 글
| [Egov] Crypto 간소화 서비스로 DB 접속정보 암호화 하기 (0) | 2021.09.03 |
|---|---|
| [HTML] 이미지가 없으면 감추기 (0) | 2020.10.16 |
| [Mybatis] 무제 (0) | 2020.09.29 |
| [Web Security] 불필요한 HTTP Method 지원 방지 (0) | 2020.08.24 |
| [Web] OWASP ZAP로 HTTP Method 확인하기 (0) | 2020.08.24 |
댓글