|
|
|
/*
|
|
|
|
* https://github.com/morethanwords/tweb
|
|
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
|
|
*/
|
|
|
|
|
|
|
|
import type ListenerSetter from "../listenerSetter";
|
|
|
|
import { isTouchSupported } from "../touchSupport";
|
|
|
|
|
|
|
|
export const CLICK_EVENT_NAME: 'mousedown' | 'touchend' | 'click' = (isTouchSupported ? 'mousedown' : 'click') as any;
|
|
|
|
export type AttachClickOptions = AddEventListenerOptions & Partial<{listenerSetter: ListenerSetter, touchMouseDown: true}>;
|
|
|
|
export function attachClickEvent(elem: HTMLElement, callback: (e: TouchEvent | MouseEvent) => void, options: AttachClickOptions = {}) {
|
|
|
|
const add = options.listenerSetter ? options.listenerSetter.add(elem) : elem.addEventListener.bind(elem);
|
|
|
|
// const remove = options.listenerSetter ? options.listenerSetter.removeManual.bind(options.listenerSetter, elem) : elem.removeEventListener.bind(elem);
|
|
|
|
|
|
|
|
options.touchMouseDown = true;
|
|
|
|
/* if(options.touchMouseDown && CLICK_EVENT_NAME === 'touchend') {
|
|
|
|
add('mousedown', callback, options);
|
|
|
|
} else if(CLICK_EVENT_NAME === 'touchend') {
|
|
|
|
const o = {...options, once: true};
|
|
|
|
|
|
|
|
const onTouchStart = (e: TouchEvent) => {
|
|
|
|
const onTouchMove = (e: TouchEvent) => {
|
|
|
|
remove('touchmove', onTouchMove, o);
|
|
|
|
remove('touchend', onTouchEnd, o);
|
|
|
|
};
|
|
|
|
|
|
|
|
const onTouchEnd = (e: TouchEvent) => {
|
|
|
|
remove('touchmove', onTouchMove, o);
|
|
|
|
callback(e);
|
|
|
|
if(options.once) {
|
|
|
|
remove('touchstart', onTouchStart);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
add('touchend', onTouchEnd, o);
|
|
|
|
add('touchmove', onTouchMove, o);
|
|
|
|
};
|
|
|
|
|
|
|
|
add('touchstart', onTouchStart);
|
|
|
|
} else {
|
|
|
|
add(CLICK_EVENT_NAME, callback, options);
|
|
|
|
} */
|
|
|
|
add(CLICK_EVENT_NAME, callback, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
export function detachClickEvent(elem: HTMLElement, callback: (e: TouchEvent | MouseEvent) => void, options?: AddEventListenerOptions) {
|
|
|
|
if(CLICK_EVENT_NAME === 'touchend') {
|
|
|
|
elem.removeEventListener('touchstart', callback, options);
|
|
|
|
} else {
|
|
|
|
elem.removeEventListener(CLICK_EVENT_NAME, callback, options);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export function simulateClickEvent(elem: HTMLElement) {
|
|
|
|
const event = new Event(CLICK_EVENT_NAME, {bubbles: true, cancelable: true});
|
|
|
|
elem.dispatchEvent(event);
|
|
|
|
}
|