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

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

转载于:https://www.cnblogs.com/domaple/p/8716145.html

IONIC2/3解决文本框获取焦点的问题相关推荐

(转)完美解决 Android WebView 文本框获取焦点后自动放大有关问题
完美解决 Android WebView 文本框获取焦点后自动放大问题前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本 ...
完美解决 Android WebView 文本框获取焦点后自动放大问题
前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本框聚焦时,网页面会放大(他们用三星手机测试的) 网上查了好久参考他的方法 ...
开发笔记:解决安卓GestureOverlayView手势和ListView点击事件、文本框获取焦点冲突的问题
要解决这个问题,首先要弄清楚几个问题: 1.onThouch事件的触发原理是怎样的? 2.GestureOverlayView的绘制手势的事件是在什么时候触发的? 3.父子嵌套的控件触发事件的顺序是怎 ...
文本框获取焦点后出现的边框，怎么去掉
文本框获取焦点后出现的边框,怎么去掉其实这个不是边框,而是轮廓!用CSS 去掉轮廓就行了! outline:none 属性定义及使用说明 outline(轮廓)是绘制于元素周围的一条线,位于边框边缘 ...
关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提当在安卓手机上访问如图1所示的页面时,会出现如图2所示的现象.[苹果手机并不会出现该现象] 即当文本框(指input ...
java 文本框获取焦点,text在获取焦点时展示输入框原有内容
text在获取焦点时显示输入框原有内容想要这样一个效果:点击text获取焦点的时候,显示输入框原有内容. ------解决思路---------------------- 引用:那你在下面接一个di ...
文本框获取焦点时，去掉边框
使用文本框<input type="text">,鼠标获得焦点即focus状态时,文本框会默认出来一个边框,此时只要设置文本框样式outline:none;就可以去掉这 ...
html5文本框获取焦点,CSS3实现文本输入框获取焦点高亮显示
有看到一些网站的表单提交页面中,当文本宽获取焦点时会渐渐呈现出高亮显示的效果.本文通过CSS3实现了文本输入框获取焦点高亮显示的效果.代码如下: CSS代码: input[type=text]:foc ...
qml 文本框获取焦点
遇到一个问题:写了个类似记事本的程序,但是程序运行时无法直接输入,需要点击后才能输入. 后面发现是焦点的问题,为了文本框有滚动条,添加了ScrollView ,但是没有给焦点. ScrollView ...
Word2010 如何解决文本框中的图片不能设置文字环绕的终极方法！！！
今天我在起草一份简历,用到了文本框,因为文本框可以搞一些比较艺术的东东,当我把我的照片放上去的时候,突然就冒出来一个大问题 ...什么问题呢? 请看图: 问题出在哪里? 那就是我们无法在个人信息处从 ...

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

IONIC2/3解决文本框获取焦点的问题相关推荐

最新文章

热门文章