1,移动端常用的事件有三个:
ontouchstart(手指按下)
ontouchmove(手指移动)
ontouchend(手指抬起)
<script> var div=document.querySelector('div'); div.ontouchstart=function(){ console.log('你在点击我吗') }//手指按下事件 会在用户手指按下的瞬间触发· div.ontouchmove=function(){ console.log('按着移动真舒服') }//手指移动事件 会在手指按下并移动的时候触发 div.ontouchend=function(){ console.log('你不按我了吗') }//手指松开事件 会在用户抬起手指的时候出发 </script>
2, pc端事件在移动端中会延迟300ms触发 因此在移动端中最好不要使用pc端事件。
```javascript
<script>
div.οnmοusedοwn=function(){ console.log('bbb2'); }
div.ontouchstart=function(){ console.log('aaa'); }
</script>
会发现bbb2会被延迟300ms打印
```javascript
3,移动端事件的点透问题
移动端事件中存在点透问题 即当我们点击上层元素,且点击事件不超过0.3ms 点击事件就会穿透当前元素,漂移到下层元素身上
在pc端事件中不会出现这样的问题
4,移动端事件的点透问题
移动端事件中存在点透问题 即当我们点击上层元素,且点击事件不超过0.3ms 点击事件就会穿透当前元素,漂移到下层元素身上
在pc端事件中不会出现这样的问题
在这里插入代码片
点我