MUI知识积累

摘要:
1: MUI的事件绑定元素只能使用document.getElemet系列来绑定事件。您自己编写的元素可以使用任何方法来绑定MUI本身的事件。如果要取消事件,请使用MUI()。off():2:将Android手机设置为单击内置返回按钮以退出应用程序1mui.plusReady(function()){2//设置为当您单击登录页面上的返回键时退出应用程序。3 varfirst=null;4 mui.back=function(){5if(!
1:事件绑定

        MUI自带的元素只能用document.getElemet系列来进行事件绑定:MUI知识积累第1张

          而自己写的元素可以用任何方法

   MUI自带的事件绑定方法:

         MUI知识积累第2张

          如果要取消事件 用MUI().off():

    MUI知识积累第3张

 2:设置安卓手机点击自带返回按钮退出应用
 1 mui.plusReady(function(){
 2   //设置在登录页面点击手机自带返回键的时候 退出应用
 3   var first = null; 
 4   mui.back=function(){
 5     if(!first){ 
 6       first = new Date().getTime(); 
 7       mui.toast('再按一次退出应用'); 
 8       setTimeout(function(){ 
 9         first = null; 
10       },2000); 
11     } else { 
12       if(new Date().getTime() - first < 2000){ 
13           plus.runtime.quit(); 
14         } 
15       } 
16     };
17 
18   })
3:改变手机顶部状态栏颜色

        mui.plusReady(function() {

      plus.navigator.setStatusBarStyle('#222');
      plus.navigator.setStatusBarBackground('#f7f7f7');

         }

4:阻止手机软键盘弹出

        document.activeElement.blur();

5:进入页面清除缓存

       在项目中发现,如果用openWindow打开一个新页面,如果下次再打开,就会有上次的数据缓存,导致数据不是最新的

        解决方法:

1 mui.openWindow({
2         url: 'address.html'
3         id: 'address',
4         createNew: true, //每次都新建webview
5         styles: {
6             cachemode: "noCache"  //不使用缓存数据,全部从网络获取;
7         }
8 })
6:mui 头部横向滚动菜单   
 1 <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
 2         <div class="mui-scroll">
 3             <a class="mui-control-item mui-active">
 4                   推荐
 5             </a>
 6             <a class="mui-control-item">
 7               热点
 8             </a>
 9             <a class="mui-control-item">
10                北京
11             </a>
12             <a class="mui-control-item">
13                社会
14             </a>
15             <a class="mui-control-item">
16                娱乐
17             </a>
18             <a class="mui-control-item">
19                科技
20             </a>
21         </div>
22     </div>

 7:mui首页点击两次手机返回键退出应用

 1 var first = null;
 2 mui.back = function() {
 3     if(!first) {
 4         first = new Date().getTime();
 5         mui.toast('再按一次退出应用');
 6         setTimeout(function() {
 7             first = null;
 8         }, 2000);
 9     } else {
10         if(new Date().getTime() - first < 2000) {
11             plus.runtime.quit();
12         }
13     }
14 };

免责声明:文章转载自《MUI知识积累》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Vue笔记:Vue3 Table导出为Excel用UltrISO制作可启动iso下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

mui日期设置与时钟样式时间设置

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-s...

mui.init()与mui.ready()与mui.plusReady()区别和关系

转自:https://www.jianshu.com/p/6aa790c07131 首先我们来看下mui.init()与mui.plusReady()的区别: mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、...

全方位掌握 NSIS 的使用[转]

NSIS 大体布局如下: 预设参数(包括外部压缩器选择、编译选项、宏定义以及文件包含等) 普通安装设置 自定义函数 安装程序区域内容 安装程序回调函数及其相关函数定义 卸载程序区域内容 卸载程序回调函数及其相关函数定义 一个示例脚本 ; study.nsi ; ; 以下脚本用以生成 study.exe 文件 ; 它包含有授权协议 ; ; 安装时若发现...

mui 页面传值

点击第一个页面的标签,跳转到第二个页面,把第一个页面的值也传往目标页面 现在提供两种实现方式 注意:需要在手机运行才可以,用电脑浏览器可能不支持。 第一种方式  页面已创建,通过自定义事件传值 first.html <!DOCTYPE html> <html> <head>...

mui学习

  改变状态栏的颜色 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">  <script type="text/javascr...

mui 选项卡

方法一:通过css 实现选项卡 <div class="mui-slider"> <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bg-w"> <...