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)的話，還是可以使用的 ～