阻止或禁用离子 2 中的触摸屏

Question

我正在使用 ionic 2 框架，我有一个验证 gps 是否打开的警报，我想当警报告诉我它没有打开时，禁用移动设备的触摸，以便在打开 gps 之前，用户无法执行任何操作。

有什么办法可以实现吗？

这是我的验证方法:

gps(){



  
 let successCallback = (isAvailable) => { 

   if(isAvailable == true){

       //alert("GPS ENABLE");
   }else{

       alert("GPS DISABLE");
      
   }
  
 };
    let errorCallback = (e) => alert(e + "error");


  this.diag.isGpsLocationEnabled().then(successCallback).catch(errorCallback);
 

 
}

Answer 1

我通过在整个应用程序上放置一个覆盖层来做到这一点。可能有更简洁的方法，但它对我有用。

HTML:

<div class="my-invisible-overlay" [hidden]="inputEnabled"></div>

CSS:

.my-invisible-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}

阻止或禁用离子 2 中的触摸屏

block or disable touch screen in ionic 2

android

validation

gps

ionic2

screen