<!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>