我正在尝试在另一个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 (单击搜索图标)?