当前位置: 首页 > Web前端 > vue.js

触摸事件在vue中的应用

时间:2023-03-31 23:05:12 vue.js

1.第一次使用触摸事件第一步必须在html元素中绑定触摸事件@touchstart=“….nameyourself…”@touchmove=“….sinceName…”@touchend="…nameyourself...."touchstart会在你第一次触摸的时候触发touchmove,touchmove在你一直指向不松手的时候触发touchend是在你的手刚刚移开的时候触发这些touch事件可以根据自己的需要绑定。绑定你的自己的名字,把自己绑定的名字的事件写在methods里,你让他怎么处理?touch事件还有如下tracestouch的属性方便我们使用touches对应的效果:一个touch数组表示当前跟踪的触摸操作的对象。targetTouches:特定于事件目标的Touch对象的数组。changeTouches:表示自上次触摸以来发生变化的Touch对象的数组。  每个Touch对象包含的属性如下.  clientX:x公司触摸目标在视口中的坐标。  clientY:视口中触摸目标的y坐标。  标识符:识别触摸的唯一ID。  pageX:触摸目标在页面中的x坐标。  pageY:触摸目标在页面中的y坐标。  screenX:触摸目标在屏幕上的x坐标。  screenY:触摸目标在屏幕上的y坐标。  target:目标DOM节点。