下拉显示的顶部深灰色区域即是橡皮筋效果
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)的话,还是可以使用的 ~