mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-02-10 13:15:25 +03:00
conditionally attach listeners only when dragging
This commit is contained in:
parent
2b1c7f6b0a
commit
c0d59893f6
@ -267,17 +267,24 @@ export function SummaryTimeline({
|
|||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
if (isDragging) {
|
||||||
document.addEventListener("mousemove", handleMouseMove);
|
document.addEventListener("mousemove", handleMouseMove);
|
||||||
document.addEventListener("touchmove", handleMouseMove);
|
document.addEventListener("touchmove", handleMouseMove);
|
||||||
document.addEventListener("mouseup", handleMouseUp);
|
document.addEventListener("mouseup", handleMouseUp);
|
||||||
document.addEventListener("touchend", handleMouseUp);
|
document.addEventListener("touchend", handleMouseUp);
|
||||||
|
} else {
|
||||||
|
document.removeEventListener("mousemove", handleMouseMove);
|
||||||
|
document.removeEventListener("touchmove", handleMouseMove);
|
||||||
|
document.removeEventListener("mouseup", handleMouseUp);
|
||||||
|
document.removeEventListener("touchend", handleMouseUp);
|
||||||
|
}
|
||||||
return () => {
|
return () => {
|
||||||
document.removeEventListener("mousemove", handleMouseMove);
|
document.removeEventListener("mousemove", handleMouseMove);
|
||||||
document.removeEventListener("touchmove", handleMouseMove);
|
document.removeEventListener("touchmove", handleMouseMove);
|
||||||
document.removeEventListener("mouseup", handleMouseUp);
|
document.removeEventListener("mouseup", handleMouseUp);
|
||||||
document.removeEventListener("touchend", handleMouseUp);
|
document.removeEventListener("touchend", handleMouseUp);
|
||||||
};
|
};
|
||||||
}, [handleMouseMove, handleMouseUp]);
|
}, [handleMouseMove, handleMouseUp, isDragging]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user