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>

 

posted @ 2018-07-17 15:51  学画人生  阅读(494)  评论(0编辑  收藏  举报