移动端js

移动端js开发注意事项

1. 移动端没有鼠标事件，所有mouse相关的不能用，但是click可以。
2. touch事件包括: touchstart（触摸开始，多点触控）、touchmove（接触点改变，滑动时）、touchend （触摸结束）。
3. 移动端只有chrome,就是高级浏览器，不存在兼容 。
4. 尽可能的少用dom。尽可能用过度、变形、动画。
5. 不用window.onload 用DOMContentLoaded。
   window.onload dom+资源+…页面全部加载完毕才会执行
   DOMContentLoaded dom加载完就会执行
6. 在移动端加事件必须用addEventListener。
7. touch事件里面，从targetTouches里面获取数据， targetTouches是一 一个数列，因为手指有多个。
8. 在多手指操作的时候如果要区分手指用identifier。
9. 在touchend里面没有targetTouches,有changedTouches。
10. 在有些浏览器，默认有下拉放大的效果。阻止浏览器默认事件。
11. 如果遇到有些手机在用translate出现了闪屏卡顿。translate3d(x,y,z)如果是translate3d默认开启3d加速。

touch内容详解可以看：移动端的touch事件详解.