javascript 移动端触屏事件touch

最新推荐文章于 2024-08-19 19:47:14 发布

MDR_0820

最新推荐文章于 2024-08-19 19:47:14 发布

阅读量216

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/MDR_0820/article/details/121018173

版权

本文介绍了移动端触屏事件touch的相关知识，包括touch对象、常见的touchstart、touchmove、touchend事件，以及如何利用这些事件实现移动端元素的拖动功能。通过监听手指移动计算距离，并结合元素原有位置实现拖动效果。同时，为了防止手指移动触发屏幕滚动，需要在touchmove事件中调用e.preventDefault()来阻止默认行为。

摘要由CSDN通过智能技术生成

触屏事件 touch

touch 对象代表一个触摸点触摸事件可响应用户手指或触控笔对屏幕或触控板操作
常见触屏事件

script>
        var div = document.querySelector('div')
        div.addEventListener('touchstart',function(){
   
            console.log('touchstar 触摸事件');
        })
        div.addEventListener('touchmove',function(){
   
            console.log('touchmove 触摸移动事件'