模塊：events

Events模塊管理客戶端事件，包括系統(tǒng)事件，如擴展API加載完畢、程序前后臺切換等。

比如說：網(wǎng)絡(luò)的鏈接的和斷開這種事件，系統(tǒng)從前臺走到后臺這種事件；

不包括：點擊和滑動頁面事件；

應(yīng)用場景：

等待事件完成：例如 plusready()；

應(yīng)用從前臺傳入后臺時停止一些占用資源的服務(wù)：和服務(wù)器做交互的時候；

應(yīng)用從后臺轉(zhuǎn)到前臺時開啟一些服務(wù)；

斷網(wǎng)時提示用戶：網(wǎng)絡(luò)不給力，斷網(wǎng)了；可以通過device 獲取網(wǎng)絡(luò)的狀態(tài)；

加載錯誤時提示用戶；

document.addEventListener(event,callback,capture);

這個時沒有對象，就一個核心方法：document.addEventListener(event,callback,capture);

event：字符串類型：plusready , pause 暫停 , newintent 意圖；

　　pause：當(dāng)用戶跳轉(zhuǎn)到其他應(yīng)用，或者點擊了home鍵了都觸發(fā)這個事件；

　　error：error事件：當(dāng)webview加載某一個頁面失敗的時候，會觸發(fā)這個事件，會在錯誤頁面去執(zhí)行這個（也就是這個是在錯誤頁面執(zhí)行這個的，所以必須要指定一個錯誤頁面）；

　　錯誤頁面有兩種方式：第一種是Dcloud自己定的，在打包的時候會加上這個頁面；第二種是打開窗口指定一個錯誤頁面；

callback：事件發(fā)生之后我要做什么；

capture：可以忽略；

常用event：

"plusready": 擴展API加載完成事件
"pause": 運行環(huán)境從前臺切換到后臺事件
"resume": 運行環(huán)境從后臺切換到前臺事件
"netchange": 設(shè)備網(wǎng)絡(luò)狀態(tài)變化事件
"newintent": 新意圖事件
"plusscrollbottom": 窗口滾動到底部事件
"error": 頁面加載錯誤事件
"background": 應(yīng)用切換到后臺運行事件
"foreground": 應(yīng)用切換到前臺運行事件
"trimmemory": 應(yīng)用需要清理內(nèi)存事件
"splashclosed": 應(yīng)用啟動界面已關(guān)閉事件

示例：點擊返回鍵，會彈出“再按一次退出應(yīng)用”：

<script type="text/javascript">
mui.plusReady(function(){
    document.addEventListener('pause',function(){
        console.log('pause');
    });
});
</script>

具體示例：

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">系統(tǒng)事件管理</h1>
</header>
<div class="mui-content mui-content-padded">
    <button type="button" id="btnErr" class="mui-btn mui-btn-blue mui-btn-block">錯誤頁面</button>
</div>
<script src='http://libs.baidu.com/jquery/1.8.3/jquery.min.js'></script>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.plusReady(function(){
    document.addEventListener('pause',function(){
        console.log('pause');
    });
    document.addEventListener('resume',function(){
        console.log('resume');
    });
    document.addEventListener('netchange',function(){
        console.log(plus.networkinfo.getCurrentType());
    });
    // error事件 ：error事件
    $("#btnErr").bind('tap',function(){
        mui.alert('aaa');
        mui.openWindow({
            url:'http://www.1234567.com',
            style:{
                errorPage:'error.html'
            }
        });
    });
});
</script>

總結(jié)

以上是生活随笔為你收集整理的系统事件管理(Events) ---- HTML5+的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。