코드사냥꾼의 전리품

    pointer-events 1

    [CSS] pointer-events를 사용해서 마우스 이벤트 방지 및 제어하기

    pointer-events ? 해당 속성을 통해 마우스 이벤트(hover, click, drag 등)에 어떻게 동작할지 지정할 수 있다. 다만, 대부분의 속성 값은 SVG 전용이기 때문에 기본 html 태그에는 none 또는 auto 값만 설정할 수 있다. [속성 값] none : 요소가 포인터 이벤트의 대상이 되지 않는다. 그러나 해당 요소의 자손이 다른 pointer-events 값을 지정한 경우, 그 자손은 대상이 될 수 있다. auto : 요소가 pointer-events 속성을 지정하지 않은 것처럼 행동한다. inherit : 부모 요소로부터 pointer-events 값을 상속받는다. (더 많은 속성 값은 https://developer.mozilla.org/en-US/docs/Web/CSS/..

    CSS 2022.12.18
    1
    더보기
    프로필사진

    깃허브에서도 TIL 작성 진행중😎 https://github.com/bxxmi

    • 전체보기
      • 개발회고📚
      • Node.js
      • Java
      • 코딩테스트
      • Javascript
      • CSS
      • React
      • TREND
      • JDBC
      • JSP
      • 기술면접대비
      • ETC

    Tag

    IT Trend, 개발자, 이것이자바다, reactjs, 자바스크립트, 백준알고리즘, IT Knowledge, 신기술동향, 리액트, KH정보교육원, JavaScript, 백엔드, 프론트엔드, react, 코딩테스트, 백준, 코드사냥꾼, Java, frontend, 코테,

    최근글과 인기글

    • 최근글
    • 인기글

    최근댓글

    공지사항

    페이스북 트위터 플러그인

    • Facebook
    • Twitter

    Archives

    Calendar

    «   2025/12   »
    일 월 화 수 목 금 토
    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

    방문자수Total

    • Today :
    • Yesterday :

    Copyright © Kakao Corp. All rights reserved.

    티스토리툴바