-
Vue) long Touch Event 구현하기Programing Language/Vue.js 2022. 3. 31. 17:47728x90반응형
<span style="width: 100%; height: 40px; display:flex; align-items: center; justify-content: center; background: tomato; color: white; user-select: none;" @touchstart="touchStart" @touchend="touchEnd">Long Tap Event</span> touchStart(){ this.longTouchToggle = true; setTimeout(() => { if(this.longTouchToggle){ alert('1초뒤 Event 발생') } }, 1000); }, touchEnd(){ this.longTouchToggle = false; }, //핵심은 @touchstart 와 @touchend 이다.
도움되셨다면 하단의 광고 클릭 부탁드립니다 :)
728x90반응형'Programing Language > Vue.js' 카테고리의 다른 글
Vue.js) v-for 원하는 만큼 loop 실행하기 (0) 2021.12.11 Vue.js) Vue3.0에서 vuex 사용하기 (0) 2021.12.09 Vue) swiper 현재 이미지 슬라이드 index(번호) Callback함수로 받기 (0) 2021.12.03 Vue.js) 연관없는 컴퍼넌트들끼리의 데이터 전송 Vue3.x (이벤트 버스) (0) 2021.11.26 Vue.js) Docker(도커)를 이용해서 vue.js를 구동해보자 (0) 2021.11.21