h5移动端手机震动_h5报错调用手机震动

作者：你好赵伟 | 2024-02-16 22:21:09

踩

h5报错调用手机震动


<!doctype html>
<html lang="en">
 
	<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>
 
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/97244