M端常见事件
移动端也有自己独特的地方。
1.触屏事件touch(也称触摸事件),Android和IOS都有。
2.touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触摸笔)对屏幕或触控板操作。
3.常见的触屏事件如下:
touchstart 手指触摸到一个DOM元素时触发
touchmove 手指在一个DOM元素上滑动时触发
touchend 手指从一个DOM元素上移开时触发
<style>
div{
width: 300px;
height: 300px;
background-color: green;
}
</style>
<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>