js 移动端触摸事件

2022/4/16 23:15:48

编程Tag： js 事件移动 function Dom div 触摸手指

本文主要是介绍js 移动端触摸事件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。

这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等

事件名

touchstart 手指触摸事件

touchmove 手指触摸移动事件

touchend 手指触摸松开事件

代码示例 :

<body>
    <div>阿士大夫撒地方</div>
    <script>
        // 1. 获取元素
        // 2. 手指触摸DOM元素事件
        var div = document.querySelector('div');
        div.addEventListener('touchstart', function() {
            console.log('我摸了你');

        });
        // 3. 手指在DOM元素身上移动事件
        div.addEventListener('touchmove', function() {
            console.log('我继续摸');

        });
        // 4. 手指离开DOM元素事件
        div.addEventListener('touchend', function() {
            console.log('轻轻的我走了');

        });
    </script>

2. 触摸事件对象

这篇关于js 移动端触摸事件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

js 移动端触摸事件

相关编程文章