Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.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 角度5键控事件触发两次_Javascript_Angular_Typescript_Events - Fatal编程技术网

Javascript 角度5键控事件触发两次

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

因此,我有一个非常简单的应用程序,一个简单的hello world,在此基础上,我为设计添加了引导,为组件添加了ng引导

在一个ts文件中,我有以下代码:

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!谢谢你的帮助!