移动端监听手机键盘弹起和关闭（Ionic+Cordova）

最新推荐文章于 2024-06-30 15:55:53 发布

Gherardo

最新推荐文章于 2024-06-30 15:55:53 发布

阅读量4.8k

点赞数

本文链接：https://blog.csdn.net/u011391655/article/details/73558348

版权

本文介绍如何在Ionic+Cordova项目中监听移动端设备键盘的弹起和关闭，这对于处理页面滚动区域的动态计算至关重要。

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

如果你的页面有动态计算滚动区域，比如像这样：

<ion-content has-bouncing="false">
    <ion-scroll ng-if="downKeyboard" delegate-handle="detailTabList" has-bouncing="true" scrollbar-y="false" zooming="false" direction="y" ng-style="{'height':ionScrollHeight}">
       <div>
          <ul>
              <li ng-repeat="item in data">
                 <label>{
  {data.title}}</label>
                 <input type="text" >
             </li>
          </ul>
       </div>
    </ion-scroll>
</ion-content>

height : ionScrollHeight为页面初始化计算的滚动区域高度

在Controller.js里面写到：