How to disable/enable handlers for panzoomRef

[sunwayru]

I am developing an dimple image editor in the Fancybox window. Please help!

Above to img.f-panzoom__content, I put an absolute-positioned canvas, to use the Panzoom engine for zooming and panning by two fingers. But when one finger leads across the screen, I need my handler to process that event. How do I temporarily disable panzoom listeners?

const handleTouch = (e) => {
    const isSingleTouch = e.touches && e.touches.length === 1;
    const isEnd = e.type === 'touchend' || e.type === 'touchcancel';
    if (isSingleTouch || (isEnd && e.touches.length === 0)) { 
        // how to disable handlers for slide.panzoomRef?
        if (e.cancelable) e.preventDefault();
        e.stopPropagation();
    } else {
       // how to enable handlers for slide.panzoomRef?
    }
};
wrapper.addEventListener('touchstart', handleTouch, { capture: true, passive: false });
wrapper.addEventListener('touchmove', handleTouch, { capture: true, passive: false });
wrapper.addEventListener('touchend', handleTouch, { capture: true, passive: false });

[fancyapps]

Hi,

Sorry, there is currently no method to enable/disable touch handlers. But, maybe you could explain in more detail what exactly are you trying to archive, maybe I could suggest something.