tnblog
首页
视频
资源
登录
不帅~~但是很暖心.....
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

Cordova开发禁止软键盘弹出

3813人阅读 2020/4/14 18:49 总访问:287836 评论:2 收藏:0 手机
分类: 安卓开发

  前  言

tnblog

 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本在本文中,我们就来一探H5开发APP的神秘面纱吧~~


Cordova开发

Cordova开发是当前流行的C/S架构开发模式,也就是手机App端,一套模板代码通用Android和IOS系统,但是在开发中总有些困难以及一些莫名其妙的坑

本文主要讲述ionic框架开发的C/S架构的Android

点击文本框禁止弹出软键盘

看到这个标题,是不是有点不可能的实现的事情,确实不能实现 ,ionic是开源的框架 好多东西没有那么全 但是也有很多人在用 官方文档里写的关闭软件盘根本就没有用

官方版:


官方版

 ionic cordova plugin add cordova-plugin-ionic-keyboard
 npm install --save @ionic-native/keyboard@4

在ts文件里引入Keyboard

import { Keyboard } from '@ionic-native/keyboard';

依赖注入

constructor(private keyboardKeyboard) { }

关闭键盘和打开键盘

this.keyboard.show();

this.keyboard.hide();

这个确实能打开键盘和关闭键盘,但是只要你点击文本框获得焦点即使你this.keyborad.hide();但是始终是关不掉,这种只能去关掉Android最底层的了,但是我们初学者不懂这些 可以有笨的方法


土方法,利用ts的定时器,和js一样的setTimeout函数

ts代码

ifshows = true;

  ifshowany(){
    this.ifshows=true;
    setTimeout(()=>{
       this.setVi();
    },200);
  }

  setVi(){
    this.ifshows=false;
  }

  blurInput(event){
    this.ifshows=true;
  }

html代码

<ion-input [readonly]="ifshows" (ionFocus)="ifshowany()" (ionBlur)="blurInput()" [value]="item" clearInput="true"></ion-input>


通过控制readonly属性可以丢掉软键盘瞬间2毫秒的事件就可以了



有任何其他的问题欢迎骚扰


<<上一篇文章:父子组件的传值方式 

下一篇文章>>Angular常用的创建命

评价