JS移动端

98 阅读1分钟

触屏事件

  1. touchstart:手指摸到一个DOM元素触发
  2. touchmove:手指在一个DOM元素上滑动触发
  3. touchend:手指从一个DOM元素上移开时触发

触屏事件对象(TouchEvent)

TouchEvent中常用的对象列表

  • touches:正在触摸屏幕的所有手指的列表
  • targetTouches:正在触摸当前DOM元素上的手指的列表
  • changedTouches:手指状态发生了改变的列表(从无到有或从有到无)

本地存储

sessionStorage

当关闭浏览器窗口的时候sessionStorage的生命周期结束,因此在同一个页面下的sessionStorage数据可以共享。

  1. 存储数据:sessionStorage.setItem(key,value)
  2. 获取数据:sessionStorage.getItem(key)
  3. 删除数据:sessionStorage.removeItem(key)
  4. 删除所有数据:sessionStorage.clear()

localStorage

生命周期永久生效,除非删除数据否则数据一直存在,在同一浏览器中可以多页面共享数据。

  1. 存储数据:localStorage.setItem(key,value)
  2. 获取数据:localStorage.getItem(key)
  3. 删除数据:localStorage.removeItem(key)
  4. 删除所有数据:localStorage.clear()