IONIC2/3解决文本框获取焦点的问题

时间:2021-05-05 20:31:06
  1. 在调用的TS文件中导入import { Component, ViewChild, ElementRef } from ‘@angular/core’;
  2. 定义子视图@ViewChild(‘input’) input;
  3. 前台页面添加子视图文本框 <ion-input #input [(ngModel)]=“barcode” autofocus=“autofocus” placeholder=条码扫描输入框(keyup)=“myKeyup($event)”></ion-input>
  4. config.xml文件中添加<preference name=“KeyboardDisplayRequiresUserAction” value=“false” />
  5. 在调用的TS文件中使用this.input.setFocus();可设置焦点
  6. 设置进入页面时设置焦点,在ionViewDidEnter()方法中添加setTimeout(() => {this.input.setFocus();}, 150);
  7. 设置loading之后重新设置焦点,loading.onDidDismiss(()=>{setTimeout(() => {this.input.setFocus();}, 150);});