cordova插件监听手机软键盘事件

最新推荐文章于 2024-08-06 04:00:12 发布

Iohboel

最新推荐文章于 2024-08-06 04:00:12 发布

阅读量2.5k

点赞数

文章标签： cordova

本文链接：https://blog.csdn.net/iohboel/article/details/78212266

版权

在Cordova项目开发中，为了实现对手机软键盘弹出和隐藏的监听，可以借助ionic-plugin-keyboard插件。安装插件后，通过调用其提供的监听函数，能有效捕捉键盘的状态变化。了解更多详情，可以参考相关网址。

摘要由CSDN通过智能技术生成

在项目开发的过程中，会需要监听手机软键盘弹出或者隐藏的事件，采用一个插件ionic-plugin-keyboard

首先，在cordova的项目里安装插件

cordova plugin add ionic-plugin-keyboard

然后，使用插件提供的监听函数，监听键盘的动作

// 监听键盘出现  
window.addEventListener('native.keyboardshow', keyboardShowHandler);  
function keyboardShowHandler(e){  
  //e.keyboardHeight 这个可以直接获取软键盘的高度  
  alert('Keyboard height is: ' + e.keyboardHeight);      
 //在上面的输入框弹出后会覆盖下面的内容，因此，在键盘弹出之后，把scroll滑到底部
  viewScroll.scrollBottom();
}  

// 监听键盘隐藏  
window.addEventListener('native.keyboardhide', keyboardHideHandler);  
function keyboardHideHandler(e){  
  //......  
}

参考网址

[1] https://www.npmjs.com/package/ionic-plugin-keyboard

[2] http://blog.csdn.net/liayn523/article/details/57086364

[3] http://blog.csdn.net/qq_25384945/article/details/52626005

[4] http://www.jianshu.com/p/e7a9b83885af