• ionic3 cordova 调取软键盘


    应用场景,因为兼容ios,安卓问题,不能直接调用激活软键盘方法。只有在点击按钮时让input框自动获取焦点,激活软键盘。
    然后把input框定位在键盘上方,软键盘激活可以监听到键盘高度。

    先下载keyboard插件
    app.module.ts中引入
    import { Keyboard } from '@ionic-native/keyboard';

    ts页面引入
    import { Keyboard } from '@ionic-native/keyboard';
    @ViewChild('diyInput') diyInput:any;
    constructor(
    private keyboard: Keyboard) {
    //软键盘消失,隐藏input框, jq需要下载引入
    window.addEventListener('native.keyboardhide', (e: any) => {
    $('#key-diy-input').css({'bottom':'-400px'});
    //可以做其他的操作
    });

    }



    /*
    * 调出软键盘
    *
    *
    * */
    showSoftKeyboard () { //点击事件

    this.diyInput.setFocus(); //获取焦点
    let self = this;
    window.addEventListener('native.keyboardshow', (e: any) => {
    self.keyHeight = e.keyboardHeight-50+'px'; //表示软件盘显示的时候的高度
    $('#key-diy-input').css({'bottom':self.keyHeight})
    });
    }
     
     
  • 相关阅读:
    DBCP连接池
    获取自动生成的主键
    将图片存储到数据库中
    java.nio.file.AccessDeniedException
    mysql8 :客户端连接caching-sha2-password问题
    理解 Android Build 系统(转载)
    C build error fix
    linux硬链接和软链接的区别
    du -sh
    linux proc maps文件分析
  • 原文地址:https://www.cnblogs.com/wei-dong/p/10040386.html
Copyright © 2020-2023  润新知