<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>页面初始化</title>
<script src="../DKSHDemo/Resource/js/mui.min.js"></script>
<link href="../DKSHDemo/Resource/css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init({
gestureConfig:{
tap: true, //默认为true
doubletap: true, //默认为false
longtap: false, //默认为false
swipe: true, //默认为true
drag: true, //默认为true
hold:false, //默认为false,不监听
release:false //默认为false,不监听
}
});
</script>
<style>
body{position: relative;}
.mui-btn{width:80%; margin: 0 auto; margin-top: 10px; margin-left: 10%;}
</style>
</head>
<body>
<button type="button" id="tap" class='mui-btn mui-btn-positive '>tap事件</button>
<button type="button" id="doubletap" class='mui-btn mui-btn-positive '>doubletap事件</button>
<button type="button" id="longtap" class='mui-btn mui-btn-positive '>longtap事件</button>
<button type="button" id="swipe" class='mui-btn mui-btn-positive '>swipe事件</button>
</body>
</html>
<script>
document.getElementById("tap").addEventListener("tap",function(){
alert("tap事件支持");
})
document.getElementById("doubletap").addEventListener("doubletap",function(){
alert("doubletap事件支持");
})
document.getElementById("longtap").addEventListener("longtap",function(){
alert("longtap事件支持");
})
document.getElementById("swipe").addEventListener("swiperight",function(){
alert("swipe事件支持");
})
</script>