移动端 touch事件过渡事件动画事件

最新推荐文章于 2024-08-19 19:47:14 发布

MrShyZhang

最新推荐文章于 2024-08-19 19:47:14 发布

阅读量1.7k

点赞数 2

分类专栏：移动端文章标签：移动端 touch事件过渡事件动画事件

本文链接：https://blog.csdn.net/thunderevil35/article/details/80587618

版权

移动端首先要书写meta标签

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

移动端touch事件和鼠标点击事件

移动端的事件是新增的，touch事件也叫触摸事件。因为手指的行为叫触摸。鼠标的行为叫点击。

鼠标的点击事件依然支持，只是有300ms的延迟。

为什么要有300ms的延迟，为了检测是否是双击。

当绑定了onclick 和 touchstart事件的时候，首先是touchstart事件先触发

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- meta标签比较特殊， 它的功能很多， 所以需要两个属性， name、 content属性， name属性是规定meta标签起到了什么作用， content是描述name属性的具体作用 -->
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale&#