码迷,mamicode.com
首页 > 其他好文 > 详细

手指信息,本地存储

时间:2018-09-09 12:05:24      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:art   cancel   二维   targe   length   nbsp   窗口   clientx   get   

transitionend 过渡结束之后会触发的事件
anmationend

TouchEvent
TouchEvent是一类描述手指在触摸平面上的状态变化的事件
1.事件
touchstart 手指按下的事件 mousedown
touchmove 手指移动的事件 mousemove
touchend 手指抬起的事件 mouseup
touchcancel 被某些原因中断的时候会触发的事件
2.手指信息
e.touches 所有的手指信息 是一个类数组
e.touches[0] 第一根手指的信息
e.targetTouches 目标的元素的信息
e.changedTouches 抬起是手指的信息
3.
screenX,screenY 手指距离屏幕的距离
clientX,clientY 手指距离时视口的距离
pageX,pageY 手指距离页面的距离
4.调试
1.先把代码放到本地服务器下面
2.win+r-------》cmd
本机ip
3.输入ipconfig 找iPv4的地址,www之前的地址换成这个地址
4.吧地址放到草料二维码里面,点击生成
//前提手机和电脑必须在同一个局域网下边
用手机扫码

本地存储
webStorage
localStorage 生命周期 痛就存在的,除非手动删除
sessionStorage 生命收起 会话级别的,当前会话窗口关闭,或者浏览器关闭之后就清空

方法
localStorage/sessionStorage.setItem(‘key,’value‘)//存值
localStorage/sessionStorage.getItem(‘key’,’value‘)//取值
localStorage/sessionStorage.removeItem(‘key‘,’value‘)//删除某一个值
localStorage/sessionStorage.clear) //清空
localStorage/sessionStorage.setItem(‘key’,’value‘)//本地存储的长度
localStorage/sessionStorage.key(i)//i是下标 取出来的是键名
localStorage/sessionStoragelength //本地存储的长度

本地存储的存储大小 5MB左右

cookie 没有上面的那些方法,需要自己去封装
跟本地存储的最大区别,它可以设置过期时间

本地存储只能存字符串
对象转字符串 JSON.stringify
字符串转对象 JSON.parse

 

手指信息,本地存储

标签:art   cancel   二维   targe   length   nbsp   窗口   clientx   get   

原文地址:https://www.cnblogs.com/mapsxy/p/9612565.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!