tnblog
首页
视频
资源
登录
不帅~~但是很暖心.....
排名
14
文章
75
粉丝
21
评论
43
申请别的接口数据(网络接口)
是伍尚金哇 : 敲一夜代码,流下两三行泪水,掏空四肢五体,六杯白开水七桶泡面
mui框架-移动端跳转以及传值的简单方法(修改解决方法)
是伍尚金哇 : 测试了 可以直接在 extras: { userid:'10' //自定义扩展...
数据库的varchar和nvarchar的区别
是伍尚金哇 : 没人看 自己看一个 温习一下
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

Cordova开发禁止软键盘弹出

5089人阅读 2020/4/14 18:49 总访问:374219 评论: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代码

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


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



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


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

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

评价

13411172090

2020/10/22 10:00:59

牛逼 谢谢

是伍尚金哇_v:@13411172090话说你用到了?

2020/10/23 14:29:34 回复

就像是一场华尔街的阴谋,透露着优雅的杀戮。