本文链接:https://blog.csdn.net/qq_35695041/article/details/82888077
<!doctype html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/mui.css" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
</head>
<!--设置地图容器显示-->
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0px;
padding: 0px
}
#container {
height: 100%
}
</style>
<body>
<!--标题栏-->
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">首页</h1>
</header>
<!--主体内容-->
<div class="mui-content">
<!--单击button-->
<button type="button" onclick="btn()" class="mui-btn mui-btn-blue">震动</button>
</div>
<script>
//单击事件
function btn() {
navigator.vibrate = navigator.vibrate ||
navigator.webkitVibrate ||
navigator.mozVibrate ||
navigator.msVibrate;
if(navigator.vibrate) {
// 支持
console.log("支持设备震动!");
}
navigator.vibrate([500, 300, 400, 300]);
}
</script>
</body>