触摸事件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()阻止屏幕滚动
在这里插入图片描述

手指滑动轮播图


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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值