Function onDragEvent

  • addDragEventListener的函数式用法. 使用addDragEventListener的时候，如果onDown,onMove,onUp之间有联系的话必须在外面写上通用数据, 改成这样可以把数据控制在函数内部

    Example

    onDragEvent(({onDown, onMove, onUp}) => {
          // 目前只有第一次挂载的函数有效，后面的都无效。 那么是否应该可以更改呢
          onDown((e, currentXY) => {
              console.log("down", e, currentXY);
          });
          onMove((e, currentXY, lastXY, downXY) => {
              console.log("move", e, currentXY, lastXY, downXY);
          });
          onUp((e, currentXY, downXY) => {
              console.log("up", e, currentXY, downXY);
          });
      });

    Parameters

    • hook: ((__namedParameters: {
          onDown: DragHook<OnDown>;
          onMove: DragHook<OnMove>;
          onUp: DragHook<OnUp>;
      }) => void)
        • (__namedParameters: {
              onDown: DragHook<OnDown>;
              onMove: DragHook<OnMove>;
              onUp: DragHook<OnUp>;
          }): void

        • Parameters

          • __namedParameters: {
                onDown: DragHook<OnDown>;
                onMove: DragHook<OnMove>;
                onUp: DragHook<OnUp>;
            }
            • onDown: DragHook<OnDown>
            • onMove: DragHook<OnMove>
            • onUp: DragHook<OnUp>

          Returns void

    • __namedParameters: {
          el?: string | HTMLElement | Window;
          capture?: {
              down?: boolean;
              up?: boolean;
              move?: boolean;
          };
      } = {}
      • Optional el?: string | HTMLElement | Window
      • Optional capture?: {
            down?: boolean;
            up?: boolean;
            move?: boolean;
        }
        • Optional down?: boolean
        • Optional up?: boolean
        • Optional move?: boolean

    Returns (() => void)

      • (): void

      • Returns void