HTML应用开发基础篇 - JS 事件（函数的触发/touch事件）

最新推荐文章于 2024-08-14 20:50:24 发布

来者不是客

最新推荐文章于 2024-08-14 20:50:24 发布

阅读量403

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43305922/article/details/103588207

版权

本文介绍了HTML应用开发中的JS touch事件，包括touchstart、touchmove和touchend。在移动端，由于click事件存在约200~300ms的延迟，通常使用touch事件来替代。理解两者的触发顺序和使用场景对于优化移动端交互至关重要。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JS事件</title>
	</head>
	<body>
		<!--<button id="btn" onclick="func()">点击</button>-->
		<button id="btn">点击</button>
	</body>
	<script type="text/javascript">
//		click 事件函数
//		document.getElementById("btn").onclick=function(){
//			alert("OK");
//		}

//		监听器进行的函数实现
//		语法格式:element.addEventListener(event, function, useCapture)
//		第一个参数表示事件名称（不含 on，如 "click"）；第二个参数表示要接收事件处理的函数；
//		第三个参数为 useCapture , useCapture 可选值为 true 和 false
//		true 的触发顺序总是在 false 之前；
//		如果多个均为 true，则外层的触发先于内层；如果多个均为 false，则内层的触发先于外层。
		
//		document.getElementById("btn").addEventListener("click",function(){
//			alert("OK");
//		})
		
		var