1. 터치 이벤트 등을 구현하기 좋은 라이브러리 - Hammer.js
호환성 걱정 X
var mng = new Hammer.Manager(img1);
mng.add(new Hammer.Pan({threshold: 0})); // threshold: 이벤트 작동 역치(최소값)
mng.on('pan', function () {
console.log(e.deltaX + ' ' + e.deltaY);
});
2. pan 동작 후 사용자가 마우스를 놓는 순간은 e.isFinal로 캐치
if (e.isFinal) {
$('.slide-container').cs('transform', 'translateX(-100vw)');
}
반응형
'Knowledge Wiki > Javascript' 카테고리의 다른 글
[ JavaScript ES 6 ] this (0) | 2021.12.16 |
---|---|
[ JavaScript ES 6 ] JavaScript 버전 (0) | 2021.12.16 |
[ JavaScript / jQuery ] AJAX (0) | 2021.12.15 |
[ JavaScript / jQuery ] DOM과 JavaScript, jQuery (0) | 2021.12.15 |
[ JavaScript / jQuery ] 소수점 반올림 (0) | 2021.12.15 |