Function delegateEvents

src/node/scene.js:63–168

(scene)

const touchEventCapturedTargets = {};
function delegateEvents(scene) {
  const events = ['mousedown', 'mouseup', 'mousemove', 'mousewheel', 'wheel',
    'touchstart', 'touchend', 'touchmove', 'touchcancel',
    'click', 'dblclick', 'longpress', 'tap', 'contextmenu'];

  const container = scene.container;

  container.addEventListener('mouseleave', (event) => {
    const enteredTargets = scene[_enteredTargets];
    if(enteredTargets.size) {
      const leaveEvent = new Event('mouseleave');
      leaveEvent.setOriginalEvent(event);
      [...enteredTargets].forEach((target) => {
        target.dispatchEvent(leaveEvent);
      });
      scene[_enteredTargets].clear();
    }
  }, {passive: true});

  events.forEach((eventType) => {
    container.addEventListener(eventType, (event) => {
      const {left, top, displayRatio} = scene.options;
      const layers = scene.orderedChildren;
      const pointerEvents = createPointerEvents(event, {offsetLeft: left, offsetTop: top, displayRatio});
      pointerEvents.forEach((evt) => {
        // evt.scene = scene;
        const id = evt.identifier;
        if(evt.type === 'touchmove' || evt.type === 'touchend') {
          const capturedTarget = touchEventCapturedTargets[id];
          if(capturedTarget) capturedTarget.dispatchEvent(evt);
          if(evt.type === 'touchend') delete touchEventCapturedTargets[id];
        } else {
          for(let i = layers.length - 1; i >= 0; i--) {
            const layer = layers[i];
            if(layer.options.handleEvent !== false) {
              const ret = layer.dispatchPointerEvent(evt);
              if(ret && evt.target !== layer) break;
              else evt.cancelBubble = false; // prepare passing to next layer
            }
          }
          if(evt.target === layers[0]) {
            // trigger event on top layer
            for(let i = layers.length - 1; i >= 0; i--) {
              const layer = layers[i];
              if(layer.options.handleEvent !== false) {
                evt.target = layer;
                break;
              }
            }
          }
        }
        const target = evt.target;
        if(evt.type === 'touchstart') {
          touchEventCapturedTargets[id] = evt.target; // set captured event target
        }
        if(evt.type === 'mousemove') {
          const enteredTargets = scene[_enteredTargets];
          let enterSet;