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