美文网首页
移动端的事件

移动端的事件

作者: Victor细节 | 来源:发表于2017-01-14 21:24 被阅读0次

基本事件:

  • touchstart //手指刚接触屏幕时触发
  • touchmove //手指在屏幕上移动时触发
  • touchend //手指从屏幕上移开时触发
  • touchcancel //触摸过程被系统取消时触发

每个事件都有以下列表,比如touchend的targetTouches当然是 0 咯:

  • touches //位于屏幕上的所有手指的列表
  • targetTouches //位于该元素上的所有手指的列表
  • changedTouches //涉及当前事件的所有手指的列表

每个事件有列表,每个列表还有以下属性:

其中坐标常用pageX,pageY:

  • pageX //相对于页面的 X 坐标
  • pageY //相对于页面的 Y 坐标
  • clientX //相对于视区的 X 坐标
  • clientY //相对于视区的 Y 坐标
  • screenX //相对于屏幕的 X 坐标
  • screenY //相对于屏幕的 Y 坐标
  • identifier // 当前触摸点的惟一编号
  • target //手指所触摸的 DOM 元素

其他相关事件:

  • event.preventDefault() //阻止触摸时浏览器的缩放、滚动条滚动
  • var supportTouch = "createTouch" in document //判断是否支持触摸事件

相关文章

  • 移动端事件

    移动端事件 触屏事件 移动端事件要比PC端要简单的多,移动端主要就有ontouchstart ontouchend...

  • 移动端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事件...

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

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

  • 移动端库(zepto、swiper)和框架(bootstrap)

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

  • 2018-01-23

    移动端事件 一、事件定义及分类 1. click事件 单击事件,类似于PC端的click,但在移动端中,连续cli...

网友评论

      本文标题:移动端的事件

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