這篇文章主要講解了JavaScript實現(xiàn)移動端彈窗后禁止?jié)L動的方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

石首ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

代碼如下

computed:{
  popupStatus(){
    return this.SendCircle_visible || this.generateInfo_visible || this.isPosterShow;
  }
},
methods:{
  stopTouch(e){
    e.preventDefault();
  },
},
watch: { 
  popupStatus(val) {
    let preD = this.stopTouch;
    let options = { 
      passive: false, //強調(diào)默認(rèn)事件
      capture: true, //早點禁止該事件 
    };
    if (val) {
      document.body.style.overflow = 'hidden';
      document.addEventListener('touchmove', preD, options); // 禁止頁面滑動
    } else {
      document.body.style.overflow = ''; // 出現(xiàn)滾動條
      document.removeEventListener('touchmove', preD, options);
    }
  }
}

配置說明

addEventListener目前第三個參數(shù)可以為布爾值或?qū)ο?/p>

addEventListener(type, listener[, useCapture ])
addEventListener(type, listener[, options ])

為對象時默認(rèn)配置如下

capture: false
passive: false
once: false

其中 capture 屬性等價于以前的 useCapture 參數(shù)；once 屬性就是表明該監(jiān)聽器是一次性的，執(zhí)行一次后就被自動 removeEventListener 掉。

passive是因為瀏覽器無法預(yù)先知道一個監(jiān)聽器會不會調(diào)用 preventDefault()，只有等監(jiān)聽器執(zhí)行完后再去執(zhí)行默認(rèn)行為，因此就會導(dǎo)致頁面卡頓。而一旦passive為true，瀏覽器就可以直接執(zhí)行默認(rèn)行為而不等待。此時即使調(diào)用了 preventDefault() 也不會生效。

看完上述內(nèi)容，是不是對JavaScript實現(xiàn)移動端彈窗后禁止?jié)L動的方法有進一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。