专门做家具网站,网页设计师都在什么网站上面找素材,莱芜公司做网站,网上购物的网站有哪些JavaScript
移动端事件介绍 touch事件类型 移动设备上无法使用鼠标#xff0c;当手指按下屏幕的时候会触发 click,mousedown,mouseup事件#xff0c;但是在移动设备上有专门的事件#xff1a; touch
备注#xff1a;
在移动端touch事件需要通过事件监听的方式添加touchsta…JavaScript
移动端事件介绍 touch事件类型 移动设备上无法使用鼠标当手指按下屏幕的时候会触发 click,mousedown,mouseup事件但是在移动设备上有专门的事件 touch
备注
在移动端touch事件需要通过事件监听的方式添加touchstart 手指按下触发事件 touchmove 手指移动触发的事件 touchend 手指离开时候触发的事件 touch事件对象 属性 事件对象.touches [位于屏幕上手指列表] ☞ touches 用来获取位于屏幕上的手指信息【手指个数】事件对象.targetTouches[位于该元素上的手指列表] ☞ 用来获取当前点击元素时候手指信息【手指个数,手指唯一标识ID】事件对象.changedTouches[当手指离开屏幕时候的信息在touchend事件中使用该属性获取手指列表] ☞ changedTouches 用来获取当手指离开屏幕时候的手指信息一般在touchend事件中使用该属性获取手指信息手指位置 手指对象.clientX/Y 手指相对于视口的水平/垂直距离【参照可视区域】 手指对象.pageX/Y 手指相当于视口的水平/垂直距离【如果有滚动条包括滚动条滚动后的距离】 click延时 1. click 比 touch 延时约300毫秒 【时间不标准】手势封装 模拟点击tap 核心touchstart touchend 手指按下的位置和手指离开的位置没有发生改变本地存储 sessionStorage保存数据 1. 数据只能在同一个页面中数据不能跨页面访问
2. 页面关闭后数据随之销毁
3. 不属于持久性本地存储
4. 大小为5Mwindow.sessionStorage.setItem(k,value);window.sessionStorage.getItem(k);window.sessionStorage.removeItem(k);window.sessionStorage.clear(); localStorage(保存数据) 1. 数据可以实现不同页面之间的相互访问
2. 数据需要手动删除属于持久化存储
3. 大小为约20MlocalStorage.setItem(k,value);localStorage.getItem(k);localStorage.removeItem(k);localStorage.clear();
localStorage.getItem(k);localStorage.removeItem(k);localStorage.clear();