Javascript 角度5键控事件触发两次
因此,我有一个非常简单的应用程序,一个简单的hello world,在此基础上,我为设计添加了引导,为组件添加了ng引导 在一个ts文件中,我有以下代码:Javascript 角度5键控事件触发两次,javascript,angular,typescript,events,Javascript,Angular,Typescript,Events,因此,我有一个非常简单的应用程序,一个简单的hello world,在此基础上,我为设计添加了引导,为组件添加了ng引导 在一个ts文件中,我有以下代码: showMeTheKey(event: KeyboardEvent) { console.log(event); } <input (keyup)="showMeTheKey($event)"> 在html页面上,我有以下代码: showMeTheKey(event: KeyboardEvent) { cons
showMeTheKey(event: KeyboardEvent) {
console.log(event);
}
<input (keyup)="showMeTheKey($event)">
在html页面上,我有以下代码:
showMeTheKey(event: KeyboardEvent) {
console.log(event);
}
<input (keyup)="showMeTheKey($event)">
这是我的应用程序组件:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
showMeTheKey(event: KeyboardEvent) {
console.log(event);
event.stopImmediatePropagation();
}
}
这是我的应用程序html:
<input (keyup)="showMeTheKey($event)">
编辑2:这是一个带有编辑器的在线演示,您可以访问代码(当然,在现场演示中,按F12键查看日志):
现场演示:
编辑:
编辑3:这是演示中两次触发事件的打印屏幕
嘿,我找到了我的bug 我是通过虚拟机开发的! 由于某种原因,我使用的软件发送了两次按键。。。 即使我只打了一封信,也很奇怪 我需要向制造商报告这个错误 我在一台非虚拟机PC上测试了我自己的演示,它确实工作正常 谢谢你们帮我找到这个
干杯 这不正常。事件应该触发一次,但是如果没有您的代码或更好的stackblitz(),我们不能说任何事情。因为现在你显示的太少了,如果你只提供了代码,它应该可以正常工作,但我觉得有其他东西破坏了行为。@OlivierAlves在提供的演示中,事件只触发了一个,不是吗?@OlivierAlves我想你的键盘可能坏了。:)它在Stackblitz演示中只触发一次。无法重现该问题,在控制台中,当keyup事件发生一次时,它只显示一个日志。@Shashank我发现了我正在通过VM开发的问题!这似乎是客户端的一个bug!谢谢你的帮助!