学习目标:
- 掌握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>