学习目标：
- 掌握M端事件
学习内容：
- M端事件
M端事件：
移动端也有自己独特的地方。
比如触屏事件 touch（也称触摸事件），Android和IOS都有。
触屏事件 touch（也称触摸事件），Android和IOS都有touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。- 常见的触屏事件如下：
触屏touch事件 | 说明 |
|---|---|
touchstart | 手指触摸到一个DOM元素时触发 |
touchmove | 手指在一个DOM元素上滑动时触发 |
touchend | 手指在一个DOM元素上移开时触发 |
<title>M端事件</title>
<style>
div {
width: 200px;
height: 200px;
background: pink;
}
</style>
</head>
<body>
<div></div>
<script>
const div = document.querySelector('div')
//1.触摸
div.addEventListener('touchstart', function () {
console.log('开始摸我了')
})
//2.离开
div.addEventListener('touchend', function () {
console.log('离开了')
})
//3.移动
div.addEventListener('touchmove', function () {
console.log('移动了')
})
</script>
</body>
扫一扫
4785
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
