Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用键盘输入登录_Javascript_Html_Angular_Typescript - Fatal编程技术网

Javascript 使用键盘输入登录

Javascript 使用键盘输入登录,javascript,html,angular,typescript,Javascript,Html,Angular,Typescript,我有一个按钮,当点击时进入下一个路线/页面。 有没有一种方法可以使用相同的按钮,但有时不单击它,而是让用户在键盘上输入一个秘密密码短语,以导航到下一页。 示例:如果用户键入“下一页”,则应转到下一页 以下是页面路由的工作代码 HTML: 如果需要,可以对退格进行测试以删除最后一个字符 <button (click)=goToNextPage()>Click me or type the passphrase</button> goToNextPage() {

我有一个按钮,当点击时进入下一个路线/页面。 有没有一种方法可以使用相同的按钮,但有时不单击它,而是让用户在键盘上输入一个秘密密码短语,以导航到下一页。 示例:如果用户键入“下一页”,则应转到下一页

以下是页面路由的工作代码

HTML:

如果需要,可以对退格进行测试以删除最后一个字符

<button (click)=goToNextPage()>Click me or type the passphrase</button>
goToNextPage() {
    this.router.navigate(['/newPage'], { skipLocationChange: true });
  }
constructor() {
  document.addEventListener('keyup', this.addkey);
}

typed = '';

addkey = event =>  {
  this.typed += String.fromCharCode(event.keyCode);
  if (this.typed.endsWith('NEXTPAGE')) {
    this.goToNextPage();
  }
};

ngOnDestroy() {
  document.removeEventListener('keyup', this.addkey);
}