移动端PC端的一些事件

今天我们来说一下移动端的一些事件。

 

一、基础事件

1、PC端事件

onclick 鼠标点击触发
onmousedown 鼠标按下触发
onmousemove 鼠标移动触发
onmouseup 鼠标抬起触发

 

2、移动端触屏事件

ontouchstart 手指按下触发
ontouchmove 手指移动触发
onTouchend 手指抬起触发

 

3、PC端事件和移动端事件的区别

通过on的方式添加touch事件在谷歌模拟器下无效
通过on的方式添加事件会前后覆盖
鼠标事件在移动端可以使用，但有300毫秒的延迟

 

二、添加事件的方式

在移动端添加 touch 事件的时候，我们可以采用 DOM 为我们提供的方法，即 addEventListener。

 

三、移动端的触屏单击事件

移动端的触屏单击事件，我们采用 touchstart 事件，而不用 click 事件，那是因为 click 事件有延迟，而我们的 touchstart 事件无延迟，采用这种方式，可以保障程序的运行速度，以及提供用户体验度