M端事件就是移动端,通俗易懂的就是手机端,平时你每点击的一下屏幕都是一个事件今天带大家了解一下,移动端的最基本的也是用的最多的三个事件
touch (也称触摸事件)Android 和10S 都有 触屏事件 touch ,Android 和IOS都有
触屏事件如下: 触屏touch事件
touchstart 手指触摸到一个DOM元素时触发
touchmove 手指在一个DOM元素上滑动时触发
touchend 手指从一个DOM元素上移开时触发
接下来给大家看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 给他设置样式 */
div {
width: 300px;
height: 300px;
background-color: pink;
margin: 100px auto;
}
</style>
</head>
<body>
<div></div>
<script>
//获取节点
var div = document.querySelector("div")
//触发这个touchstart
div.addEventListener("touchstart", function() {
console.log("开始摸我了");
})
//触发这个touchmove
div.addEventListener("touchmove", function() {
console.log("一直摸");
})
//触发这个touchend
div.addEventListener("touchend", function() {
console.log("摸完离开了");
})
</script>
</body>
</html>
这是当你手指触摸屏幕时触发的
这个是当你触摸了并且一直在移动中
这个是你的触摸事件结束了,也就是你的手离开了你的手机触发的