javascript - 在angular4中触发键盘事件(回车键)

Question

在我的应用程序中，我有一个全局搜索字段，用于过滤列表中的数据，列表将有多个列。从其他组件设置过滤器值(设置为输入值)它正在发生，但我必须在输入上触发手动键盘事件(输入键)操作。

我尝试使用 viewChild 装饰器。

component.html

<input #gb type="text" placeholder="Global search.." class="changeListComponent_inputSearch"  [(ngModel)]="jiraRef" />

component.ts

@ViewChild('gb') gb:ElementRef;         
this.jiraRef =  jiraRef;
const event = new KeyboardEvent("keypress",{ "which ": "13"});
this.gb.nativeElement.focus();
this.gb.nativeElement.dispatchEvent(event);

使用它我可以设置值并获得焦点，但键盘事件不会触发。

Answer 1

使用原生js代码触发按键弹起事件。
将 id 属性连同元素引用一起放置到输入元素。

Created the new function from inside my component.

triggerEvent(el, type) {
    if ('createEvent' in document) {
        var e = document.createEvent('HTMLEvents');
        e.initEvent(type, false, true);
        el.dispatchEvent(e);
    } else {
        var e = document.createEventObject();
        e.eventType = type;
        el.fireEvent('on'+e.eventType, e);
    }
}

var el=document.getElementById('gb-search');
this.triggerEvent(el,'keyup');