MUI知识积累

1：事件绑定

        MUI自带的元素只能用document.getElemet系列来进行事件绑定：

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

　　　MUI自带的事件绑定方法：

         

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

  　　

 2:设置安卓手机点击自带返回按钮退出应用

mui.plusReady(function(){
　　//设置在登录页面点击手机自带返回键的时候 退出应用
　　var first = null; 
　　mui.back=function(){
　　　　if(!first){ 
　　　　　　first = new Date().getTime(); 
　　　　　　mui.toast('再按一次退出应用'); 
　　　　　　setTimeout(function(){ 
　　　　　　　　first = null; 
　　　　　　},2000); 
　　　　} 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打开一个新页面，如果下次再打开，就会有上次的数据缓存，导致数据不是最新的

        解决方法：

mui.openWindow({
        url: 'address.html'
        id: 'address',
        createNew: true, //每次都新建webview
        styles: {
            cachemode: "noCache"  //不使用缓存数据，全部从网络获取;
        }
})

6：mui 头部横向滚动菜单   

<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
        <div class="mui-scroll">
            <a class="mui-control-item mui-active">
                  推荐
            </a>
            <a class="mui-control-item">
              热点
            </a>
            <a class="mui-control-item">
               北京
            </a>
            <a class="mui-control-item">
               社会
            </a>
            <a class="mui-control-item">
               娱乐
            </a>
            <a class="mui-control-item">
               科技
            </a>
        </div>
    </div>

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

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