主页
JS 参考手册
TouchEvent touches 属性
tryjsref_event_touch_touches2
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <body ontouchstart="showCoordinates(event)" ontouchmove="showCoordinates(event)"> <h1>TouchEvent 的 touches 属性</h1> <p>触摸此文档中的某处。</p> <p>触摸的横纵坐标为：<span id="demo"></span></p> <p><strong>注意：</strong>这个例子使用 touches<strong>[0]</strong> 意味着它只会显示一个手指（第一个）的坐标。</p> <p><strong>注意：</strong>触摸事件仅适用于触摸设备。</p> <script> function showCoordinates(event) { var x = event.touches[0].clientX; var y = event.touches[0].clientY; document.getElementById("demo").innerHTML = x + ", " + y; } </script> </body> </html>