Angular 2 nativeElement.focus在移动设备上不起作用

时间:2018-12-30 11:44:53

标签: javascript angular typescript

我正在尝试在另一个focus上的输入上实现element click。一切都可以在计算机上运行,​​但是在移动设备上则无法运行
这是我的方法:

图标,它会触发responsive()函数,该函数在focus上调用input

<i (click)="responsive()" class="material-icons search-iko">search</i>

输入:

<input type="text" #inputas>

功能:

@ViewChild('inputas') inputas: ElementRef;
responsive() {
  setTimeout(() => {
    this.inputas.nativeElement.focus();
  }, 1);
}

在移动设备上-焦点的工作原理与CSS相同,不会触发键盘(如果要编写,则需要轻按)。

***此输入有两种样式版本,分别是焦点和不焦点。在sensitive()函数之后,出现了onfocus样式,但它不仅专注于移动设备。*

尝试v2(也使用角度渲染器尝试过)相同结果:

private renderer: Renderer2
this.renderer.selectRootElement(this.inputas["nativeElement"]).focus();

我发现javascript focus()不适用于所有移动浏览器:

htmlElement.focus browser support

还有其他方法可以将输入集中在移动设备上吗,例如 www.imdb.com (单击搜索图标)?

0 个答案:

没有答案