移动web JavaScript,事件(touchstart,touchmove,touchend)

最新推荐文章于 2024-08-11 20:48:15 发布

houyanhua1

最新推荐文章于 2024-08-11 20:48:15 发布

阅读量1.4k

点赞数

分类专栏：移动web JavaScript 文章标签：移动web javascript

本文链接：https://blog.csdn.net/houyanhua1/article/details/79723162

版权

本文介绍了移动Web开发中重要的触摸事件，包括touchstart、touchmove和touchend，详细讲解了它们的工作原理及在实际应用中的示例，帮助开发者更好地理解和使用这些触摸事件来增强移动设备上的交互体验。

摘要由CSDN通过智能技术生成

demo（认识点击时间差）.html：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		html,body{
			height: 100%;
		}
		body{
			background-color: hotpink;
		}
	</style>
</head>
<body>
	
</body>
</html>
<script type="text/javascript">
window.onload = function () {
	document.body.onclick = function () {
		console.log('click');  // click事件在移动端有延迟,建议不要在移动端使用click事件。 （用touch事件封装）
		console.log(Date.now()-startTime);   // 鼠标松开时才会触发onclick事件,并且时间差在一定范围才会触发。
	}

	// 定义一些必须要使用的变量
	var startTime = 0;
	// 移动