JS触摸事件

作者: 贞贞姐 | 来源:发表于2016-05-30 11:44 被阅读136次

dbclick

在头部加上这个,防止双击的时候浏览器放大

<meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

触摸事件

touchstart

当手指放在屏幕上触发。

touchmove

当手指在屏幕上滑动时,连续地触发。

touchend

当手指从屏幕上离开时触发。

touchcancel

当系统停止跟踪时触发,系统什么时候取消,

由于触摸会导致屏幕动来动去,所以可以会在这些事件的事件处理函数内使用event.preventDefault()
,来阻止屏幕的默认滚动。

除了常用的DOM属性,触摸事件还包含下列三个用于跟踪触摸的属性

touches:表示当前跟踪的触摸操作的touch对象的数组。
当一个手指在触屏上时,event.touches.length=1,
当两个手指在触屏上时,event.touches.length=2,以此类推。
targetTouches:特定于事件目标的touch对象数组。
因为touch事件是会冒泡的,所以利用这个属性指出目标对象。
changedTouches:表示自上次触摸以来发生了什么改变的touch对象的数组。
每个touch对象都包含下列几个属性:
clientX:触摸目标在视口中的x坐标。
clientY:触摸目标在视口中的y坐标。
identifier:标识触摸的唯一ID。
pageX:触摸目标在页面中的x坐标。
pageY:触摸目标在页面中的y坐标。
screenX:触摸目标在屏幕中的x坐标。
screenY:触摸目标在屏幕中的y坐标。
target:触摸的DOM节点目标。

相关文章

  • JS事件—触摸事件

    触摸操作概述 浏览器的触摸 API 由三个部分组成。 Touch:一个触摸点 TouchList:多个触摸点的集合...

  • JS—触摸事件

    触摸事件 touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmo...

  • JS触摸事件

    dbclick 在头部加上这个,防止双击的时候浏览器放大 触摸事件 touchstart 当手指放在屏幕上触发。 ...

  • JS—触摸事件、手势事件

    触屏已经是我们身边电子设备的常态了。触摸事件当然也是随着触屏的出现,用户使用最多的事件啦!难道使用触屏事件后,其他...

  • js和JQuery获取位置及大小的区别

    [原生JS] 一、offSet系列 二、client系列 三、事件对象 (1)鼠标事件 (2)移动端触摸事件 四、...

  • cocos js 模拟触摸事件

  • hammerjs移动端的触摸手势js库

    简介 hammer.js是一个多点触摸手势库,能够为网页添加多点触摸事件,免去自己监听底层touchstart、t...

  • 微信端长按删除

    先要引用zepto.js 使用zepto自带的touchstart 和 touchend函数来监听触摸事件。本方法...

  • html5移动游戏开发高级编程chapter3

    触摸事件的属性 js中的utf-8符号编码 检测移动端 GamePoints TouchControls Enem...

  • IOS事件传递和响应

    1、触摸屏幕产生触摸事件 触摸屏幕产生触摸事件后,触摸事件会被添加到由UIApplication管理的事件队列中(...

网友评论

    本文标题:JS触摸事件

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