<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<body>
<button id="btn">按钮</button>
<!--a标签直接调用函数-->
<a href="javascript:test();">test</a>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function(){
// 监听后台运行
document.addEventListener('pause',function(){
console.log('后台运行...');
});
// 监听前台运行
document.addEventListener('resume',function(){
console.log('前台运行...');
});
// 监听 窗口滚动到底部事件 可用于上拉加载更多
document.addEventListener('plusscrollbottom',function(){
console.log('到底了');
});
// 监听 按钮点击事件
document.getElementById('btn').addEventListener('tap',function(){
mui.toast('按钮被点击了');
});
});
// a 标签点击事件
function test(){
alert('test');
}
/**
* 事件绑定的3种方式
* 1.onclick=""
* 2.document.getElementById('btn')
* 3.javascript:test(); 仅限于a标签
* /
</script>
</body>
</html>
.