触摸事件touchevent

触摸事件的历史:
2007年乔帮主神之手iphone的发布,使得便携设备进入了每个普通人的生活。
多年以后的一个秋天,也就是2013年的10月10日,touchevent被写入了w3c的提案中https://www.w3.org/TR/touch-events/, 提案中明确的提到了事件类型和事件包含的接口。
直到今天,touchevent在移动端h5开发中被广泛的使用,我想我真的很尊敬乔布斯。
技术的发明演化和迭代,真是一个有趣的故事

在这里插入图片描述
在这里插入图片描述

触摸事件

事件类型:

touchstart
touchend
touchmove

事件对象

TouchEvent
属性列表

  • touches
  • targetTouches

element.classList

包含的属性
添加add
删除remove
切换toggle

例子练习:

目标:让元素跟着手指移动
发现的问题:效率不是很好,在微信的webview里面尝试,感觉比原生的移动要差一点
touchmove时候要使用e.preventDefault()阻止屏幕滚动
在这里插入图片描述

手指滑动轮播图


你是真的热爱吗,所以你放弃了吗?

posted @ 2022-03-06 10:38  叶常落  阅读(97)  评论(0编辑  收藏  举报