# mousedown

5개의 포스트

캐러셀 스와이프 기능 만들기

오늘은 마우스를 떼었을 때 일정거리 이상 이동했으면 2번 사진을 보여주고, 아니면 1번 사진을 보여주는 ui를 만들어 보자!ㅜ

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

모달창 밖 클릭시 닫기

e.target과 e.currentTarget의 차이점 currentTarget : 이벤트 리스너가 달린 요소 target : 실제 이벤트가 발생하는 요소 위 코드에서 e.target과 e.currentTarget을 찍어보면 currentTarget은 어딜 눌러도 modalWrap이 나오고 target은 modalBox나 다른 요소들이 나온다 클릭한 요...

2022년 6월 11일
·
0개의 댓글
·

React 개발일지 - 1. dropdown

dropdown 구현을 위해 사용한 usestate의 데이터 변경 방식과 마우스 이벤트 발생 순서에 따른 blur 이벤트를 막는 내용에 대해 설명합니다.

2022년 2월 28일
·
0개의 댓글
·
post-thumbnail

[Bouncing Ball] Interactions만들기 -mouseover시 속도 변경, 이미지 집어서 드래그

브라우저 창에 마우스 호버하면 슬로우모션으로 애니메이션 실행마우스로 움직이는 공 잡아서 드래그mouseover 로 호버했을 때 공들의 속도를 늦추기mouseout 으로 마우스가 브라우저 밖으로 나갔을 때 속도 원상복귀브라우저 창에 마우스를 호버하면 슬로우모션으로 공이

2021년 2월 7일
·
0개의 댓글
·

JavaScript 6.이벤트 Event

이벤트 객체 모든 이벤트의 정보를 event 객체로 제공 속성 type target pageX, pageY screenX,screenY button : 눌러진 마우스 버튼 메소드 preventDefault() stopPropagation()

2020년 10월 5일
·
0개의 댓글
·