angular - 创建一个“模拟”键盘上或下键单击的按钮 (TS)

Question

我想创建一个按钮，当您单击它时，它将执行与单击键盘向上或向下箭头相同的操作。

我一直在四处寻找，但没有发现任何有用的东西。

我正在研究角度，所以它是打字稿。

有任何想法吗？

谢谢

标签： angulartypescript

Answer 1

在您的组件中实现 HostListener

import { Component, HostListener } from '@angular/core';

    export class Component {
    @HostListener("window:keydown", ['$event'])

      onKeyDown(event: KeyboardEvent) {

        if (event.key == "ArrowUp" || event.key == "ArrowDown") {

          //call your function
        }
      }
    }