PC端和移动端监听事件卡顿原因

PC端和手机端出现页面卡顿的可能原因

近期在做PC端和移动端碰到页面卡顿问题，本以为是在监听事件中用了俩getElement…的问题，也就是比较多的dom操作，过多消耗浏览器性能，所以显得卡顿。后来在移动端发现还是有卡顿，特意去查询了window.addEventListener，发现问题的真正原因是addEventListener的第三个参数。
PC端监听onscroll事件，移动端监听touch 事件，这里有一个默认行为preventDefault() 需要执行。比如touchstart 事件对象的默认行为可以被监听器通过 preventDefault() 方法阻止，但是因为浏览器不知道会不会调用 preventDefault() 方法，所以只能在监听器执行完后再去执行默认行为，而监听器执行是要耗时的，所以才造成了卡顿。
解决办法：1.修正addEventListener的第三个参数；2. 换成window.onscroll和touch事件。两个解决办法各月千秋吧。