Necessitates Proper Modularity

    drag-event-service
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.0 • Public • Published

    drag-event-service

    Listen both mouse and touch event. With Typescript definition files. Support Typescript.

    同时监听鼠标和触摸事件. 支持 Typescript.

    // mapping
    const events = {
      start: ["mousedown", "touchstart"],
      move: ["mousemove", "touchmove"],
      end: ["mouseup", "touchend"],
    };

    install

    npm install drag-event-service --save

    usage & api

    import DragEventService from "drag-event-service";
    DragEventService.on(el, name, handler, { args, mouseArgs, touchArgs });
    DragEventService.off(el, name, handler, { args, mouseArgs, touchArgs });
    • args, mouseArgs and touchArgs should be Array
    • The args will pass to addEventListener.
    • mouseArgs will pass to mouse event.
    • touchArgs will pass to touch event.
    • handler(event, currentPosition). The second argument of handler is current position({x, y, pageX, pageY, clientX, clientY, screenX, screenY}). x and y is pageX and pageY.

    example

    // 1
    DragEventService.on(document, 'start', (e, mouse) => ..., {touchArgs: [{passive: false}]})
    DragEventService.on(document, 'move', (e, mouse) => ..., {touchArgs: [{passive: false}]})
    DragEventService.on(document, 'end', (e, mouse) => ..., {touchArgs: [{passive: false}]})
    // 2
    const handler = (e, mouse) => ...
    DragEventService.on(document, 'start', handler)
    DragEventService.off(document, 'start', handler)

    Keywords

    none

    Install

    npm i drag-event-service

    DownloadsWeekly Downloads

    6,548

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    108 kB

    Total Files

    9

    Last publish

    Collaborators

    • phphe