<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>事件类型（移动端触摸）</title>
<!--
touch;翻译：接触/触摸
touchstart;手指触摸屏幕时触发
touchmove;手指移动时触发（这里的句柄不要写太多，容易卡死）
touchend;手指离开时触发
//多手指：
event.touches;触摸屏幕的触摸点数组；（通俗理解：多个手指同时接触屏幕时，接收到各个手指触摸屏幕的点）
event.changedTouches;引起事件的触摸点数组；（即有哪几个地方被手指触摸导致了事件的触发）
event.targetTouches;只包含元素上的触摸信息
以上需要切换到移动端才能测试；
-->
</head>
<body>
<button id="btn">按钮</button>
<script>
var btn=document.getElementById("btn");
btn.addEventListener("touchstart",function(){
console.log("手指点击了");
})
</script>
</body>
</html>
