事件类型(移动端触摸)

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

事件类型(移动端触摸)

上一篇:MAC 读写 NTFS 移动硬盘或U盘


下一篇:【转】Android Studio 如何导出和导入设置