Function delegateEvents

lib/node/scene.js:136–263

(scene)

var touchEventCapturedTargets = {};

function delegateEvents(scene) {
  var events = ['mousedown', 'mouseup', 'mousemove', 'mousewheel', 'wheel', 'touchstart', 'touchend', 'touchmove', 'touchcancel', 'click', 'dblclick', 'longpress', 'tap', 'contextmenu'];
  var container = scene.container;
  container.addEventListener('mouseleave', function (event) {
    var enteredTargets = scene[_enteredTargets];

    if (enteredTargets.size) {
      var leaveEvent = new _event.default('mouseleave');
      leaveEvent.setOriginalEvent(event);
      (0, _toConsumableArray2.default)(enteredTargets).forEach(function (target) {
        target.dispatchEvent(leaveEvent);
      });

      scene[_enteredTargets].clear();
    }
  }, {
    passive: true
  });
  events.forEach(function (eventType) {
    container.addEventListener(eventType, function (event) {
      var _scene$options = scene.options,
          left = _scene$options.left,
          top = _scene$options.top,
          displayRatio = _scene$options.displayRatio;
      var layers = scene.orderedChildren;
      var pointerEvents = (0, _pointerEvents.default)(event, {
        offsetLeft: left,
        offsetTop: top,
        displayRatio: displayRatio
      });
      pointerEvents.forEach(function (evt) {
        // evt.scene = scene;
        var id = evt.identifier;

        if (evt.type === 'touchmove' || evt.type === 'touchend') {
          var capturedTarget = touchEventCapturedTargets[id];
          if (capturedTarget) capturedTarget.dispatchEvent(evt);
          if (evt.type === 'touchend') delete touchEventCapturedTargets[id];
        } else {
          for (var i = layers.length - 1; i >= 0; i--) {
            var layer = layers[i];

            if (layer.options.handleEvent !== false) {
              var 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 (var _i = layers.length - 1; _i >= 0; _i--) {
              var _layer = layers[_i];

              if (_layer.options.handleEvent !== false) {
                evt.target = _layer;
                break;
              }
            }