觸屏事件,首先要有硬件支持,觸屏設備
1.touchstart:手指按下屏幕觸發(fā)
- touchmove:手指滑動屏幕觸發(fā)
- touchend 手指離開屏幕觸發(fā)
4.touchcancel:事件取消,例如可被操作系統(tǒng)級的事件打斷
建議使用addEventListener()這種方式綁定觸屏事件,此方式下現(xiàn)代瀏覽器基本都支持模擬觸屏.
on這種綁定方式下,例如chrome就不支持模擬觸屏,當然如果都是直接用真機測試就都是可以的.
屏幕快照 2016-05-17 上午11.00.38.png
console.log(e);查看對象(e)包含的信息:
屏幕快照 2016-05-17 上午10.53.30.png
觸屏事件中,事件對象(e)包含類型均為TouchList[數(shù)組]
常用 touches :手指按下屏幕的點的信息
手機上的瀏覽器大部分默認下拉刷新頁面,與我們的觸屏拖拽沖突,腫么辦捏?
屏幕快照 2016-05-17 上午11.11.25.png
add綁定方式阻止默認事件e.preventDefault();
