프론트엔드 연구소
close
프로필 배경
프로필 로고

프론트엔드 연구소

  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
  • 홈
  • JavaScript
  • Vue
  • Nuxt
  • React
  • Next.js
  • 방명록
반응형
드래그 할때, 클릭 이벤트 방지 하는 방법

드래그 할때, 클릭 이벤트 방지 하는 방법

아래와 같이 클릭 이벤트를 만들어서 사용하고 있었습니다. 하지만, 드래그할 때도 아래와 같이 클릭 이벤트가 발생하였습니다. 저는 단지 드래그 이후 복사를 하고 싶었는데, 클릭 이벤트를 발생시키고 싶지 않았습니다. const div = document.querySelector('div'); div.addEventListener('click', () => { alert('click'); }); 클릭 이벤트 방지 시키는 방법 아래와 같이 mousedown, mousemove 이벤트를 이용해서 동작이 드래그인지 판단합니다. 그 이후 mouseup 이벤트에서 click 이벤트 로직을 실행시킵니다. const div = document.querySelector('div'); let isDrag; div.addEve..

  • format_list_bulleted Develop/JavaScript
  • · 2023. 11. 23.
  • textsms
반응형
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 비전공자에서 프론트엔드 개발자 5년차 되기까지...
  • 2023년 조금 더 지난 상반기 회고 갓생살기
  • 파워쿠의 블로그 입니다.
전체 카테고리
  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
최근 글
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바