缘多多
缘多多
  • 发布:2015-07-23 10:01
  • 更新:2017-06-14 14:39
  • 阅读:7014

toast被软键盘遮挡问题

分类:HTML5+

测试机Iphone5s,在输入框使用了ng-blur=“方法名()”(焦点离开出发方法)如下:

<div class="mui-table-view-cell ">  
                            <a  class="" style=" color: olive; ;">  
                                <span class="mui-badge mui-active" style="background-color: #FFFFFF;">  
                                <input type="text" ng-blur="cjh()" ng-model="orders.licenseno" placeholder="请输入车架号"  class="mui-h5" value="" style="float:right;max-width: 70%;" />  
                                </span>   
                                车架号  
                            </a>  
                        </div>

显示Toast方法是:

 $scope.cjh = function(){  
    if(($scope.orders.frameno == null)||($scope.orders.frameno == "")){  
       //Toast提示框  
                mui.toast('完整输入车架号!');  
    }else{  
    }  
   };

在焦点移开输入框时,必须同时关闭键盘才可以显示Toast,如果从一个输入框移动到别的输入框时,键盘不消失,就不会显示Toast了,其实也不是不显示,而是被输入法键盘遮盖了,Toast不是应该显示在所有页面的最上层么?请处理一下这个问题。

2015-07-23 10:01 负责人:无 分享
已邀请:

最佳回复

DCloud_App_Array

DCloud_App_Array

建议这种情况设置toast显示在屏幕的上方:
plus.nativeUI.toast( "I'am toast information!",{verticalAlign:"top"});

系统软键盘的优先级更高,比webview和nativeUI都要高。

缘多多

缘多多 (作者)

请问这不属于bug么?如果不属于也请官方给个答复。

缘多多

缘多多 (作者)

这是新发现的一个问题,就是在刚才这个问题的基础上,如果快速点击三个输入框,然后关闭输入法键盘,能看到后面的Toast是可以显示的,而且是三个Toast叠加显示的。

缘多多

缘多多 (作者)

这个问题大家都没有遇到过么??

缘多多

缘多多 (作者)

@DCloud_App_Array 原生的Toast不是显示在所有页面的最上层并且不叠加的么?

5***@qq.com

5***@qq.com

我也遇到这个问题了,toast被遮挡了,楼主怎么解决的啊

该问题目前已经被锁定, 无法添加新回复