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})
});
}
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM