Angular 4 从日语输入的文本框中获取输入值

Question

我正在使用在文本框中有任何键输入时调用的输入事件。但它适用于罗马字键盘，当我使用日语输入时，它没有检测到我输入的第一个字母事件，然后按 Enter 键。当我输入第二个字母（日语）时，它有两个字母。抱歉，很难描述。刚输入あ时成像，检测不到，但是我尝试再输入一个字母あ，它检测到2个字母。我已经尝试了 (input), (change) 事件，但结果相同请帮我。谢谢。

这是HTML代码

<input [(ngModel)]="strAutoSearch" class="p-search__text-area" type="text" name="word" (input)="searchAuto(strAutoSearch)">

这是.ts文件函数

strAutoSearch: string;
searchAuto(searchValue: string) {
    if (this.strAutoSearch == null || this.strAutoSearch.trim() == "") {
      this.strAutoSearch = "";
      this.result= [];
      return;
    }
    this.listService.searchService(this.strAutoSearch.trim())
      .subscribe(
        result => {
          this.result= result;
        },
        e => this.helpers.handleErrors(e.error)
      );
  }

Answer 1

你试过 HostListener 吗？那应该捕获所有键盘事件。

import { HostListener } from '@angular/core';

@HostListener('keydown', ['$event'])
    handleKeyboardEvent(event: KeyboardEvent) {
            console.log(event.keyCode) ; 
    }

Angular 4 从日语输入的文本框中获取输入值

Angular 4 get input value from textbox on Japanese input

input

cjk

angular