zoukankan      html  css  js  c++  java
  • IONIC2/3解决文本框获取焦点的问题

    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);});
  • 相关阅读:
    mysql面试知识点
    计算机网络
    BFS
    拓扑排序
    双指针
    回溯算法
    hash表 算法模板和相关题目
    桶排序及其应用
    滑动窗口
    贪心算法
  • 原文地址:https://www.cnblogs.com/domaple/p/8716145.html
Copyright © 2011-2022 走看看