首页 > 建站教程 > JS、jQ、TS >  手机TouchEvent事件测试正文

手机TouchEvent事件测试



点击:手机TouchEvent事件测试 查看本例(必须建议用手机查看,或者用谷歌浏览器的手机测试)

本例是一个很好的测试手机触屏滑动事件(TouchEvent)的案例。手机触屏滑动主要有三个事件:touchstart、touchmove、touchend,即手指按上去、手指拖动屏幕、手指离开屏幕。通过和js的鼠标事件一样的绑定事件,即可实现各种触屏效果。
另外,本例还演示了如何获得手指按下去的位置,有点类似于鼠标在屏幕的位置,通过evt.touches[0],获取第一个触点,再通过evt.touches[0].pageX,evt.touches[0].pageY即可获得手指的位置。

点击:手机TouchEvent事件测试 查看本例(必须建议用手机查看,或者用谷歌浏览器的手机测试)