如何禁用angular2上的Hammer.js鼠标事件?

时间:2019-04-26 19:13:53

标签: angular typescript hammer.js

我正在建立一个有角度的网站。使用Hammer.js制作移动手势动画。 在PC /笔记本电脑上浏览网站时,我不希望鼠标能够触发滑动事件。

我知道默认情况下Hammer.js会将鼠标视为触摸。 我试图配置HammerGestureConfig 并覆盖默认值

import * as Hammer from 'hammerjs';
import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from 
'@angular/platform-browser';

export class HammerConfig extends HammerGestureConfig {
  options : {
    inputTarget?: Hammer.TouchInput; //-----this is where i lost it ---//
   }
}


  providers: [
    ContactService,
    {
      provide: HAMMER_GESTURE_CONFIG,
      useClass: HammerConfig
    }
  ],

我希望这会将Hammer.js设置为仅读取触摸事件,但鼠标仍然可以触发我的动画

0 个答案:

没有答案