feat: Add long press functionality to AutoresizeArea component

This commit is contained in:
kwaroran
2024-05-26 04:08:57 +09:00
parent 963d9736c8
commit 7ba5ff0cce
3 changed files with 34 additions and 2 deletions

27
src/ts/gui/longtouch.ts Normal file
View File

@@ -0,0 +1,27 @@
export function longpress(node:HTMLElement, callback:(e:MouseEvent)=>void) {
const TIME_MS = 500;
let timeoutPtr: number;
function handleMouseDown(e:MouseEvent) {
window.addEventListener('mousemove', handleMoveBeforeLong);
timeoutPtr = window.setTimeout(() => {
window.removeEventListener('mousemove', handleMoveBeforeLong);
callback(e);
}, TIME_MS);
}
function handleMoveBeforeLong(e:MouseEvent) {
window.clearTimeout(timeoutPtr);
window.removeEventListener('mousemove', handleMoveBeforeLong);
}
function handleMouseUp(e:MouseEvent) {
window.clearTimeout(timeoutPtr);
window.removeEventListener('mousemove', handleMoveBeforeLong);
}
node.addEventListener('mousedown', handleMouseDown);
node.addEventListener('mouseup', handleMouseUp);
return {
destroy: () => {
node.removeEventListener('mousedown', handleMouseDown);
node.removeEventListener('mouseup', handleMouseUp);
}
};
}