You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
2.8 KiB
108 lines
2.8 KiB
3 years ago
|
import onTouchStart from './onTouchStart.js';
|
||
|
|
import onTouchMove from './onTouchMove.js';
|
||
|
|
import onTouchEnd from './onTouchEnd.js';
|
||
|
|
import onResize from './onResize.js';
|
||
|
|
import onClick from './onClick.js';
|
||
|
|
import onScroll from './onScroll.js';
|
||
|
|
let dummyEventAttached = false;
|
||
|
|
|
||
|
|
function dummyEventListener() {}
|
||
|
|
|
||
|
|
const events = (swiper, method) => {
|
||
|
|
const {
|
||
|
|
params,
|
||
|
|
touchEvents,
|
||
|
|
wrapperEl,
|
||
|
|
device,
|
||
|
|
support
|
||
|
|
} = swiper;
|
||
|
|
let el = swiper.native;
|
||
|
|
const capture = !!params.nested;
|
||
|
|
const domMethod = method === 'on' ? 'on' : 'off';
|
||
|
|
const swiperMethod = method;
|
||
|
|
// Object.keys(swiper.eventsListeners).forEach((item) => {
|
||
|
|
// if (method == 'off') {
|
||
|
|
// swiper.native.off(item)
|
||
|
|
// }
|
||
|
|
// })
|
||
|
|
if (!support.touch) {
|
||
|
|
let desktopMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
|
||
|
|
// el[domMethod](touchEvents.start, swiper.onTouchStart, false);
|
||
|
|
if (document.querySelector(`#${swiper.$el.swiperElId}`)) {
|
||
|
|
document.querySelector(`#${swiper.$el.swiperElId}`)[desktopMethod](touchEvents.start, swiper
|
||
|
|
.onTouchStart,
|
||
|
|
false);
|
||
|
|
}
|
||
|
|
document[desktopMethod](touchEvents.move, swiper.onTouchMove, capture);
|
||
|
|
document[desktopMethod](touchEvents.end, swiper.onTouchEnd, false);
|
||
|
|
} else {
|
||
|
|
const passiveListener = touchEvents.start === 'touchstart' && support.passiveListener && params
|
||
|
|
.passiveListeners ? {
|
||
|
|
passive: true,
|
||
|
|
capture: false
|
||
|
|
} : false;
|
||
|
|
|
||
|
|
// #ifdef VUE2
|
||
|
|
// el[domMethod](touchEvents.start, swiper.onTouchStart, passiveListener);
|
||
|
|
// el[domMethod](touchEvents.move, swiper.onTouchMove, support.passiveListener ? {
|
||
|
|
// passive: false,
|
||
|
|
// capture
|
||
|
|
// } : capture);
|
||
|
|
// el[domMethod](touchEvents.end, swiper.onTouchEnd, passiveListener);
|
||
|
|
// #endif
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
if (touchEvents.cancel) {
|
||
|
|
// #ifdef VUE2
|
||
|
|
// el[domMethod](touchEvents.cancel, swiper.onTouchEnd, passiveListener);
|
||
|
|
// #endif
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (params.preventClicks || params.preventClicksPropagation) {
|
||
|
|
// #ifdef VUE2
|
||
|
|
// el[domMethod]('click', swiper.onClick, true);
|
||
|
|
// #endif
|
||
|
|
}
|
||
|
|
|
||
|
|
if (params.cssMode) {
|
||
|
|
// wrapperEl[domMethod]('scroll', swiper.onScroll);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (params.updateOnWindowResize) {
|
||
|
|
// swiper[swiperMethod](device.ios || device.android ? 'resize orientationchange observerUpdate' :
|
||
|
|
// 'resize observerUpdate', onResize, true);
|
||
|
|
} else {
|
||
|
|
// swiper[swiperMethod]('observerUpdate', onResize, true);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function attachEvents() {
|
||
|
|
const swiper = this;
|
||
|
|
const {
|
||
|
|
params,
|
||
|
|
support
|
||
|
|
} = swiper;
|
||
|
|
swiper.onTouchStart = onTouchStart.bind(swiper);
|
||
|
|
swiper.onTouchMove = onTouchMove.bind(swiper);
|
||
|
|
swiper.onTouchEnd = onTouchEnd.bind(swiper);
|
||
|
|
if (params.cssMode) {
|
||
|
|
swiper.onScroll = onScroll.bind(swiper);
|
||
|
|
}
|
||
|
|
|
||
|
|
swiper.onClick = onClick.bind(swiper);
|
||
|
|
|
||
|
|
events(swiper, 'on');
|
||
|
|
}
|
||
|
|
|
||
|
|
function detachEvents() {
|
||
|
|
const swiper = this;
|
||
|
|
events(swiper, 'off');
|
||
|
|
}
|
||
|
|
|
||
|
|
export default {
|
||
|
|
attachEvents,
|
||
|
|
detachEvents
|
||
|
|
};
|