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

phphe

drag-event-service

 * (c) phphe <phphe@outlook.com> (https://github.com/phphe)

Object.defineProperty(exports, '__esModule', { value: true });

var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

    Object.keys(e).forEach(function (k) {

        var d = Object.getOwnPropertyDescriptor(e, k);

        Object.defineProperty(n, k, d.get ? d : {

var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);

var hp__namespace = /*#__PURE__*/_interopNamespace(hp);

    return e.type && e.type.startsWith('touch');

  on: function on(el, name, handler, options) {

    var _resolveOptions = resolveOptions(options),

        mouseArgs = _resolveOptions.mouseArgs,

        touchArgs = _resolveOptions.touchArgs;

          pageX: e.changedTouches[0].pageX,

          pageY: e.changedTouches[0].pageY,

          clientX: e.changedTouches[0].clientX,

          clientY: e.changedTouches[0].clientY,

          screenX: e.changedTouches[0].screenX,

          screenY: e.changedTouches[0].screenY

        if (name === 'start' && e.which !== 1) {

      return handler.call(this, e, mouse);

import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';

    }); // follow format will cause big bundle size

    // 以下写法将会使打包工具认为hp是上下文, 导致打包整个hp

    // hp.onDOM(el, events[name][0], wrapper, ...args)

    (_hp$onDOM = hp.onDOM).call.apply(_hp$onDOM, [null, el, events[name][0], wrapper].concat([].concat(_toConsumableArray(args), _toConsumableArray(mouseArgs))));

    (_hp$onDOM2 = hp.onDOM).call.apply(_hp$onDOM2, [null, el, events[name][1], wrapper].concat([].concat(_toConsumableArray(args), _toConsumableArray(touchArgs))));

  off: function off(el, name, handler, options) {

    var _resolveOptions2 = resolveOptions(options),

        mouseArgs = _resolveOptions2.mouseArgs;

    for (var i = store.length - 1; i >= 0; i--) {

        (_hp$offDOM = hp.offDOM).call.apply(_hp$offDOM, [null, el, events[name][0], wrapper].concat([].concat(_toConsumableArray(args), _toConsumableArray(mouseArgs))));

  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :

  typeof define === 'function' && define.amd ? define(['exports'], factory) :

  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.dragEventService = {}));

}(this, (function (exports) { 'use strict';

    if (len == null || len > arr.length) len = arr.length;

    for (var i = 0, arr2 = new Array(len); i < len; i++) {

    if (Array.isArray(arr)) return _arrayLikeToArray(arr);

    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);

  function _unsupportedIterableToArray(o, minLen) {

    if (typeof o === "string") return _arrayLikeToArray(o, minLen);

    var n = Object.prototype.toString.call(o).slice(8, -1);

    if (n === "Object" && o.constructor) n = o.constructor.name;

    if (n === "Map" || n === "Set") return Array.from(o);

    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);

    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");

    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();

   * This source code is licensed under the MIT license found in the

   * LICENSE file in the root directory of this source tree.

    var undefined$1; // More compressible than void 0.

    var $Symbol = typeof Symbol === "function" ? Symbol : {};

    var iteratorSymbol = $Symbol.iterator || "@@iterator";

    var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";

    var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";

      // IE 8 has a broken Object.defineProperty that only works on DOM objects.

      define = function(obj, key, value) {

    function wrap(innerFn, outerFn, self, tryLocsList) {

      // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.

      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;

      var generator = Object.create(protoGenerator.prototype);

      var context = new Context(tryLocsList || []);

      // The ._invoke method unifies the implementations of the .next,

      generator._invoke = makeInvokeMethod(innerFn, self, context);

    // Try/catch helper to minimize deoptimizations. Returns a completion

    // record like context.tryEntries[i].completion. This interface could

    // have been (and was previously) designed to take a closure to be

    // invoked without arguments, but in all the cases we care about we

   * (c) phphe <phphe@outlook.com> (https://github.com/phphe)

    for (var _len5 = arguments.length, args = new Array(_len5 > 3 ? _len5 - 3 : 0), _key6 = 3; _key6 < _len5; _key6++) {

      args[_key6 - 3] = arguments[_key6];

      // 所有主流浏览器，除了 IE 8 及更早 IE版本

      el.addEventListener.apply(el, [name, handler].concat(args)); // @ts-ignore

      el.attachEvent.apply(el, ["on".concat(name), handler].concat(args));

    for (var _len6 = arguments.length, args = new Array(_len6 > 3 ? _len6 - 3 : 0), _key7 = 3; _key7 < _len6; _key7++) {

      args[_key7 - 3] = arguments[_key7];

      el.removeEventListener.apply(el, [name, handler].concat(args)); // @ts-ignore

      el.detachEvent.apply(el, ["on".concat(name), handler].concat(args));

      return e.type && e.type.startsWith('touch');

    on: function on(el, name, handler, options) {

      var _resolveOptions = resolveOptions(options),

          mouseArgs = _resolveOptions.mouseArgs,

          touchArgs = _resolveOptions.touchArgs;

      var wrapper = function wrapper(e) {

            x: e.changedTouches[0].pageX,

            y: e.changedTouches[0].pageY,

            pageX: e.changedTouches[0].pageX,

            pageY: e.changedTouches[0].pageY,

            clientX: e.changedTouches[0].clientX,

            clientY: e.changedTouches[0].clientY,

            screenX: e.changedTouches[0].screenX,

            screenY: e.changedTouches[0].screenY

          if (name === 'start' && e.which !== 1) {

        return handler.call(this, e, mouse);

  "main": "dist/drag-event-service.cjs.js",

  "module": "dist/drag-event-service.esm.js",

    "compile-scripts": "tsc --target ES6 --module CommonJS scripts/build.ts",

    "build": "rollup -c scripts/build.js & node scripts/build.js --report"

    "build": "rollup -c scripts/build.js & node scripts/build.js --report",

    "watch-lib": "rollup -c scripts/build.js --watch"

  "author": "phphe <phphe@outlook.com> (https://github.com/phphe)",

    "url": "https://github.com/phphe/drag-event-service/issues"

    "url": "https://github.com/phphe/drag-event-service.git"

		/*!
		* drag-event-service v1.1.8
		* drag-event-service v1.1.10
		* (c) phphe <phphe@outlook.com> (https://github.com/phphe)
		@@ -4,0 +4,0 @@ * Homepage: null

		/*!
		* drag-event-service v1.1.8
		* drag-event-service v1.1.10
		* (c) phphe <phphe@outlook.com> (https://github.com/phphe)
		@@ -4,0 +4,0 @@ * Homepage: null

		/*!
		* drag-event-service v1.1.8
		* drag-event-service v1.1.10
		* (c) phphe <phphe@outlook.com> (https://github.com/phphe)
		@@ -807,3 +807,3 @@ * Homepage: null
		/*!
		* helper-js v2.0.5
		* helper-js v2.0.6
		* (c) phphe <phphe@outlook.com> (https://github.com/phphe)
		@@ -810,0 +810,0 @@ * Homepage: null

		/*!
		* drag-event-service v1.1.8
		* drag-event-service v1.1.10
		* (c) phphe <phphe@outlook.com> (https://github.com/phphe)
		@@ -9,3 +9,3 @@ * Homepage: null
		/*!
		* helper-js v2.0.5
		* helper-js v2.0.6
		* (c) phphe <phphe@outlook.com> (https://github.com/phphe)
		@@ -12,0 +12,0 @@ * Homepage: null

		{
		"name": "drag-event-service",
		"version": "1.1.8",
		"version": "1.1.10",
		"description": "",
		@@ -13,4 +13,4 @@ "main": "dist/drag-event-service.cjs.js",
		"scripts": {
		"compile-scripts": "tsc --target ES6 --module CommonJS scripts/build.ts",
		"build": "rollup -c scripts/build.js & node scripts/build.js --report"
		"build": "rollup -c scripts/build.js & node scripts/build.js --report",
		"watch-lib": "rollup -c scripts/build.js --watch"
		},
		@@ -17,0 +17,0 @@ "author": "phphe <phphe@outlook.com> (https://github.com/phphe)",

Worsened metrics