javascript 禁止下拉页面 “橡皮筋“效果

下拉显示的顶部深灰色区域即是橡皮筋效果

---

1.第一种

document.body.addEventListener('touchmove', function(event) {
   console.log(event.source);
   //if (event.source == document.body)
     event.preventDefault();
 }, {
   passive: false,
   useCapture: false
});

2.第二种

document.addEventListener('touchmove', function(e) {
     var e = e || event;
     e.preventDefault();
}, false);

两种方式的原理差不多，都是阻止 屏幕的触发事件，但是，有一个坏处，就是，此处方式的屏蔽，它会把默认的所有事件都禁止掉。

所以，如果你页面中不涉及高度滚动（scroll）和一些事件(event)的话，还是可以使用的 ～