mz-long-click

Описание

Скрипт для angular 6+, для углубленной работы с кликами, считаем время между нажатием и отпусканием клавиши мыши

Типы событий для передачи с ключом type которые разрешены для выброса событий

export enum MzLongClickEventTypeEnum {
    up = 'up',
    down = 'down'
}

Тип для выброса событий

export type MzLongClickEmitType = {
  downOnThis: boolean,
  upOnThis: boolean,
  duration: number,
  timeStart: number,
  timeEnd: number,
  type: MzLongClickEventTypeEnum,
  mouseButton?: MzLongClickMouseTypeEnum
}

Типы нажатых кнопок мыши

export enum MzLongClickMouseTypeEnum {
    left = 0,
    center = 1,
    right = 2
}

Установка

npm i --save mz-long-click

Подключение к модулю

import {MzLongClickModule} from "mz-long-click";
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
 
@NgModule({
  imports: [
    CommonModule,
    MzLongClickModule
  ],
  exports: [
    MzLongClickModule
 
  ],
})
export class SomeModule {}

Использование со всеми параметрами

    <div class="send"
         [mz-events]="['down']"
         [mz-accessedButtons]="[MzLongClickMouseTypeEnum.left]"
         mz-minTime="200"
         mz-maxTime="999"
         mz-initTimer="100"
         (mz-longClick)="handler($event)">
    </div>

Использование минимальное

    <div class="send"
         (mz-longClick)="someHandler($event)">
    </div>