10模块-Events【管理客户端事件,例如plusready,pause,background】
Events模块管理客户端事件,包括系统事件,如扩展API加载完毕、程序前后台切换等。
注:该模块并不是 plush.events这样开头而是 document.addEventListener();这样
常量: |
"plusready": 扩展API加载完成事件 |
"pause": 运行环境从前台切换到后台事件 |
"resume": 运行环境从后台切换到前台事件 |
方法: |
addEventListener: 添加事件监听函数 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>心得</title>
<script type="text/javascript">
var i=0;
document.addEventListener("plusready",alert('API已完成载入'));
document.addEventListener("pause",function(){
i++;
document.getElementById("a").innerHTML = '运行环境从前台切换到后台事件'+i;
});
document.addEventListener("resume",function(){
i++;
document.getElementById("b").innerHTML = '运行环境从后台切换到前台事件'+i;
});
document.addEventListener("netchange",function(){
i++;
document.getElementById("c").innerHTML = '网络环境变化'+i;
});
document.addEventListener("plusscrollbottom",function(){
i++;
document.getElementById("z").innerHTML = '窗口滚动到底部'+i;
//感觉页面拉倒底部加载更多数据的事件可以用这个完成
});
document.addEventListener("background",function(){
i++;
document.getElementById("d").innerHTML = '应用切换到后台运行事件'+i;
});
document.addEventListener("foreground",function(){
i++;
document.getElementById("e").innerHTML = '应用切换到前台运行事件'+i;
});
document.addEventListener("trimmemory",function(){
i++;
document.getElementById("f").innerHTML = '应用需要清理内存事件'+i;
});
document.addEventListener("splashclosed",function(){
i++;
document.getElementById("g").innerHTML = '应用启动界面已关闭事件'+i;
});
document.addEventListener("EventTrigCallback",function(){
alert('成功调用了某个事件');
});
</script>
</head>
<style>
div{height:40px; line-height: 40px;border-bottom:#ccc dashed 1px;}
</style>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>
<div id="f"></div>
<div id="g"></div>
<div style="width:10px;height:2000px;"></div>
<div id="z"></div>
</body>
</html>