일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 최단 경로
- 자바
- 플러터 개발환경 설정
- 한정 분기
- php 프로그래밍 입문 문제풀이
- 백준
- spring
- 플러터
- 페이코 추천인
- php 프로그래밍 입문 3판
- C
- php 프로그래밍 입문 예제
- Java
- 스프링
- programmers
- php
- php 프로그래밍
- php 프로그래밍 입문
- JAVA SPRING
- SWEA
- 페이코 친구코드
- 파이썬
- 페이코 추천인코드
- php 프로그래밍 입문 연습문제
- php 프로그래밍 입문 솔루션
- C언어
- 배열
- 자바 스프링
- 페이코 초대코드
- Flutter
Archives
- Today
- Total
05-19 04:57
목록pointer-events: none; (1)
ImJay
[HTML/CSS/JavaScript] pointer-events: none; 처리 시 주의할 점
html a 태그에는 disabled 속성이 따로 적용되지 않는다. 보통의 경우 css 의 pointer-events 메소드를 사용한다. a.disabled { pointer-events: none; cursor: default; } 그러나, 이 경우는 시각적으로만 접근을 못하게 할 뿐 onclick 에 메소드가 존재할 경우 해당 메소드가 그대로 노출된다. 브라우저에서 개발자 도구 콘솔로 해당 메소드를 입력할 경우 그대로 접근할 위험이 있다. pointer-events: none; 스타일은 해당 엘리먼트가 마우스 이벤트를 받지 않도록 막는 CSS 속성이다. 그러나 이는 단지 시각적으로 클릭을 막을 뿐이며, 실제로는 JavaScript에 의해 연결된 이벤트 핸들러가 여전히 실행될 수 있다. 이 취약점을 막..
프론트/JavaScript
2023. 12. 6. 13:44