mz-long-click
v0.0.2
Published
Скрипт для angular 6+, для углубленной работы с кликами, считаем время между нажатием и отпусканием клавиши мыши
Downloads
3
Readme
Описание
Скрипт для 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>