触摸事件 touchstart、touchmove、touchend

转载：https://blog.csdn.net/wangmx1993328/article/details/83270166

触摸事件
HTML5 中， PC 端基于鼠标的界面互动主要是单击，移动端界面交互方式主要是触摸。
移动端浏览器触摸事件

事件名称   描述   是否包含 touches 数组
touchstart   触摸开始，多点触控，后面的手指同样会触发   是
touchmove   接触点改变，滑动时   是
touchend   触摸结束，手指离开屏幕时   是
touchcancel   触摸被取消，当系统停止跟踪触摸的时候触发   否
每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：
1）touches：当前位于屏幕上的所有手指的列表。
2）targetTouches：位于当前DOM元素上手指的列表。
3）changedTouches：涉及当前事件手指的列表。

每个 Touch 对象包含的属性如下：
clientX：触摸目标在视口中的x坐标。

clientY：触摸目标在视口中的y坐标。

identifier：标识触摸的唯一ID。

pageX：触摸目标在页面中的x坐标。

pageY：触摸目标在页面中的y坐标。

screenX：触摸目标在屏幕中的x坐标。

screenY：触摸目标在屏幕中的y坐标。

target：触摸的DOM节点目标。

触摸事件 touchstart、touchmove、touchend相关推荐

JavaScript touch 事件 touchstart touchmove touchend
JavaScript touch 事件 touchstart touchmove touchend MDN 官方文档: https://developer.mozilla.org/en-US/docs ...
移动端事件touchstart touchmove touchend 动画事件过渡事件
在移动端新增了touch事件,因为手指的行为叫做"触摸", 鼠标的行为叫做"点击" 但是它仍然支持点击事件,有300ms的延迟,检测是否双击移动端的三个事件 ...
移动web JavaScript,事件(touchstart,touchmove,touchend)
demo(认识点击时间差).html: <!DOCTYPE html> <html lang="en"> <head><meta name ...
HTML5触摸事件(touchstart、touchmove和touchend)
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主 ...
移动端的touchstart,touchmove,touchend事件中的获取当前touch位置
前提:touchstart,touchmove,touchend这三个事件可以通过原生和jq绑定. 原生:document.querySelector("#aa").addEven ...
移动端触摸事件(touchstart,touchend,touchmove)的使用!
touchstart 开始触摸 touchmove 移动时触 touchmove 结束时触发触摸事件有三个属性对象, touches对象 :表示当前触摸的手指个数,此对象中还包括集合 clientX ...
触摸事件(touchstart、touchmove和touchend)
触摸事件(touch)会在用户手指放在屏幕上面的时候.在屏幕上滑动的时候或者是从屏幕上移开的时候出发.下面具体说明: touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会 ...
移动端事件（touchstart+touchmove+touchend）
移动端事件有哪些: 触摸事件手势事件传感器事件 (后面两个兼容性不怎么样,因此重点就是触摸事件) 触摸事件: touch 事件 pointer 事件 (PC端可能会使用jQuery做动画,移动端一 ...
touchstart, touchmove, touchend, mousedown, mousemove, mouseup, 手机端和pc端点击及触摸事件
touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发. touchmove事件:当手指在屏幕上滑动的时候连续地触发.在这个事件发生期间,调用preventDefaul ...

触摸事件 touchstart、touchmove、touchend

触摸事件 touchstart、touchmove、touchend相关推荐

最新文章

热门文章