移动端不触发mousemove，于是用了touchmove但打印的event.offsetX/offsetY都是undefined。。。
移动端页面怎么实现滑动获取坐标，类似PC端的mousemove?
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注使用的是下面方式
event.targetTouches[0].pageX event.targetTouches[0].pageY本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 编辑记录 分享
- 2025-01-15 09:31彡(￣_￣)彡风中凌乱的博客 鼠标经过元素跟随效果是指当用户将鼠标悬停在某个元素上时，该元素或关联元素会产生特定的变化或动画效果。这种交互方式可以提升用户体验，增加页面的趣味性和互动性。
- 2021-12-29 11:01maxiaoxin1314的博客 1、移动端： 事件类型： touchstart : 触摸开始（手指放在触摸屏上） touchmove : 拖动（手指在触摸屏上移动） touchend : 触摸结束（手指从触摸屏上移开） 直接上栗子，做一个简单的按住说话，移开一定距离...
- 2017-07-19 12:22sun_skysky的博客 开发移动端浏览器中手势效果
- 2022-04-22 13:55"前端界面简单实现标签跟随拖动变换位置"的主题聚焦于如何让标签（通常指的是网页上的div元素或其他可交互组件）在用户鼠标或触摸操作下能够自由移动，适应不同的设备平台，如移动端和PC端。 首先，我们需要理解...
- 2020-09-12 17:40前端二狗子的博客 1.pc端和移动端绑定的事件不同： pc端需要绑定的事件有三个（对于鼠标来说存在按下拖动和不按下鼠标移动的两种情况）： mousedown（鼠标按下）,mousemove（鼠标移动），mouseup（鼠标按键抬起） 移动端...
- 2022-03-27 22:41欢愉～的博客 PC 端网页特效 元素偏移量 offset 系列 1.offset 系列常用属性 2.offset 与 style 区别 3.计算鼠标在盒子内的坐标 4.模态框拖拽 5.京东商品放大镜 元素可视区 client 系列 1. client 系列常用属性 2....
- 2022-05-05 19:34鬼扯子的博客 1. PC 端网页特效 1. 元素偏移量offset系列 可以动态得到该元素的位置（偏移）、大小等： 可以获取元素距离带有定位父元素的位置 获取元素自身的大小（宽度 和 高度） offset系列常用于获取元素位置 （但需要注意...
- 2022-12-02 13:39曾不错吖的博客 关键技术点：使用@touchstart、@touchmove、@touchend处理移动端触摸事件，@mousedown、@mousemove、@mouseup处理PC端鼠标事件，通过canvas API实现绘图功能，并记录坐标点实现连续绘制。该组件实现了响应式布局，可...
- 2024-04-23 10:09zyronon的博客 大家在开发过程中，...本文将详细讲解如何用Vue一步步实现的类似Swiper.js的功能，无任何第三方依赖，干货满满。A核心代码加上注释一共217行，我们实现了一个可以在PC和Mobile上通用，并且可以无限嵌套的轮播组件。
- 2022-05-07 20:53凉宫凉宫凉的博客 1. PC端网页特效 1.1 元素偏移量 offset 系列 1.1.1 offset 概述 offset 就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身...
- 2018-11-15 20:10weixin_30466039的博客 pc端拖动时候用到的三个事件：mousedown、mousemove、mouseup 在移动端与之相对应的分别是：touchstart、touchmove、touchend事件。...在移动端获取坐标位置则是：event.touches[0].clientX和event.touches[...
- 2025-05-09 11:50学学学无止境的博客 本文主要对圆环滑动控件实现的类展开解析，DragAcr是一个使用class封装的圆环滑动控件，基于原生 Canvas 实现，支持拖动进度、渐变颜色、文字显示等功能，适用于移动端和 PC 场景。相比 DOM 或 SVG 实现方式，它...
- 2022-03-11 13:34web15286201346的博客 JavaScript核心知识第四章—PC端、移动端网页特效（含大量代码分析） 一、PC端网页特效 （1）元素偏移量 offset 系列 1.1 offset 概述 1.2 offset 与 style 区别 1.3 案例1：获取鼠标在盒子内的坐标 1.4 案例...
- 2023-02-21 11:04快乐生活改bug的博客 移动端左右元素左右滑动
- 2025-10-09 04:53苏钥凤Magdalene的博客 Vue.Draggable作为基于SortableJS的优秀Vue拖拽组件，虽然官方宣称支持触摸设备，但实际开发中PC与移动端的体验差异仍然是前端工程师的常见痛点。本文将从事件机制、性能优化、交互设计三个维度，详解跨平台适配的...
- 2021-10-18 22:16茗0309的博客 ③ 在页面中拖拽的原理： 鼠标按下并且移动， 之后松开鼠标 ④ 触发事件是鼠标按下 mousedown， 鼠标移动mousemove 鼠标松开 mouseup ⑤ 拖拽过程: 鼠标移动过程中，获得最新的值赋值给模态框的left和top值， 这样...
- 2024-10-05 10:44秀秀不只会前端的博客 三、与 PC 端事件的区别 触摸事件 vs 鼠标事件： 触摸事件是多点触控的，可以同时处理多个触点（手指），而鼠标事件是单点事件，只能跟踪一个光标。 移动端事件的触发顺序不同，常见顺序是：touchstart -> ...
- 2021-07-18 14:58Don't Look Down的博客 一步一步实现 图片滑动验证码 项目中要使用 图片滑动验证码，顾了解之 需要以下几步来完成： 1.后端随机计算抠图的距离，生成背景与拼图块的图片，缓存 拼图块需 滑动的距离像素。 2.前端加载背景图 和 浮动框...
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月19日
已采纳回答
5月11日-
创建了问题
5月11日