HBuilder app开发:mask遮罩实现父子页面联动。

本文介绍了在HBuilder App开发中,使用mui进行父子页面mask遮罩联动时遇到的死循环问题,并提供了解决方案。通过重写mask.close()方法,设置传递参数避免多次调用,成功实现了页面间的联动关闭。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

mui提供的mask遮罩点击遮罩部分时,会自动调用mask.close();

父子页面mask遮罩联动,第一反应写到mui.createMask()的回调函数中:

(父页面)

var mask

mui.plusReady(){

  mask=mui.createMask(function (){

    plus.webview.currentWebview().children()[0].evalJS('mask.close');

  });

}

(子页面)

var mask

mui.plusReady(){

  mask=mui.createMask(function (){

    plus.webview.currentWebview().opener().evalJS('mask.close');

  });

}

结果: Uncaught RangeError: Maximum call stack size exceeded. 丫的,死循环!

长记性后:

重写mask.close()方法:

(父页面)

var mask

var oldclose;

mui.plusReady(){

  mask = mui.createMask();

  //原mask.close方法

  oldclose = mask.close;

  //重写mask.close方法

  mask.close = function (){

    if (v != 'nopass') {//写成v == null也行

      console.log('-- in father != nopass --');

      //因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用子页面关闭方法。

      //调用子页面重写close()时,加上参数不让子页面的close()继续传递。

      plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');

    }

    //关闭本页面遮罩

    oldclose();

  }

}

(子页面 与父页面基本一致)

var mask

var oldclose;

mui.plusReady(){

  mask = mui.createMask();

  //原mask.close方法

  oldclose = mask.close;

  //重写mask.close方法

  mask.close = function (){

    if (v != 'nopass') {//写成v == null也行

      console.log('-- in child != nopass --');

      //因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用父页面关闭方法。

      //调用父页面重写close()时,加上参数不让父页面的close()继续传递。

      plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');

    }

    //关闭本页面遮罩

    oldclose();

  }

}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值