美文网首页
移动端touch事件获取clientX, clientY

移动端touch事件获取clientX, clientY

作者: 鲸林向海工作室 | 来源:发表于2018-09-27 16:18 被阅读0次

作者博客:漂小泊的博客
作者主站:小泊随記
原文地址:文章地址


这两天,小泊正在升级官网(小泊随記),为了使官网支持我的笔记本触屏的使用,需要实现touch事件。

关于touch事件:

官网的交互需要实现手指滑动的交互,我们都只到在pc端使用mousedown,mousemove,mouseup监听实现。
但在ios设备上mousemove是不好监听的,同类的方法是touchstart,touchmove,touchend

如何获取手指滑动时的坐标位置呢?

直接使用event.clientX是不起作用的,要使用event.changedTouches[0].clientX才好。这里需要注意的是:如果是jquery的event对象,使用event.originalEvent.changedTouches[0].clientX

而小泊就是使用的jquery的event对象,配合一些“滑动插件”使用。

联系小泊

email:643209899@qq.com

相关文章

  • 移动端touch事件获取clientX, clientY

    作者博客:漂小泊的博客作者主站:小泊随記原文地址:文章地址 这两天,小泊正在升级官网(小泊随記),为了使官网支持我...

  • 页面元素坐标和偏移

    鼠标事件 1. 客户区坐标位置(clientX/clientY) 通过event事件对象的clientX/clie...

  • javascript学习笔记-事件对象之获取鼠标xy轴位置

    目标:鼠标在固定区域移动时,获取到鼠标当前的xy坐标。兼容性:clientX,clientY IE8及以下不兼容,...

  • Dom 坐标相关

    MouseEvent clientX/clientY:相对客户端窗口的 X/Y 坐标 layerX/layerY:...

  • 移动端js事件以及相关库

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端js事件09-21

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 前端知识移动端js事件 zeptojs swiper boots

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端库和框架1

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端JS事件,zeptojs,swiper,bootstrap

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • bootstrap

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

网友评论

      本文标题:移动端touch事件获取clientX, clientY

      本文链接:https://www.haomeiwen.com/subject/nxneoftx.html