创建功能事件滚动滑动打字稿

时间:2018-06-22 08:28:01

标签: angularjs typescript scroll swipe

当使用键盘上的上下键滚动时,我有以下代码可以管理:

KeyEvents() {

    if (this.subskey != undefined)
      this.subskey.unsubscribe();

    this.subskey = this.APPService.keyEvent$.subscribe((event) => {

      switch (event.keyCode) {

        case this.keyCodes.KEY_UP:
          this.isText('UP');
          break;
        case this.keyCodes.KEY_DOWN:
          this.isText('DOWN');
          break;
      }
    });
  }

然后使用isText(direction)函数和一个开关,当我上下移动时,我可以执行所需的操作。例如,当我向下移动时,我放了一个箭头。我想做的是做同样的事情,但是对于滑动事件,也就是说,如果我向下或向上滑动,我会执行不同的操作。我希望有人能帮助我。

1 个答案:

答案 0 :(得分:0)

您可以查看Hammer.js。 Hammer支持几乎所有基于触摸的事件。它还有一个基于angularjs的指令。

如果您打算将Angular与打字稿一起使用,则angular本身支持Hammer configuration。这是基于example on Fun with Hybrid Mobile Appseasy-color-theming-with-scs,尽管它正在使用Ionic开发移动应用程序,但角度部分仍将保持不变。