您好,登錄后才能下訂單哦!
這篇文章主要介紹“JavaScript如何實(shí)現(xiàn)移動端禁止下拉露出網(wǎng)址廣告”,在日常操作中,相信很多人在JavaScript如何實(shí)現(xiàn)移動端禁止下拉露出網(wǎng)址廣告問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”JavaScript如何實(shí)現(xiàn)移動端禁止下拉露出網(wǎng)址廣告”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
移動端禁止下拉 露出網(wǎng)址或廣告
基本都是
document.body.addEventListener('touchmove', function (e) { e.preventDefault() }, { passive: false })
就很離譜,這樣會導(dǎo)致scroll無法滾動。
我的解決方案
function stopDown(el) { let startX, startY; // el是最外層div el.addEventListener("touchstart", (e) => { startX = e.changedTouches[0].pageX; startY = e.changedTouches[0].pageY; }) el.addEventListener("touchmove", (e) => { //獲取滑動屏幕時的X,Y let endX = e.changedTouches[0].pageX; let endY = e.changedTouches[0].pageY; //獲取滑動距離 let distanceX = endX - startX; let distanceY = endY - startY; //判斷滑動方向 if (Math.abs(distanceX) > Math.abs(distanceY) && distanceX > 0) { // console.log('往右滑動'); } else if (Math.abs(distanceX) > Math.abs(distanceY) && distanceX < 0) { // console.log('往左滑動'); } else if (Math.abs(distanceX) < Math.abs(distanceY) && distanceY < 0) { // console.log('往上滑動'); } else if (Math.abs(distanceX) < Math.abs(distanceY) && distanceY > 0) { // 核心在這 // path 是從觸摸點(diǎn)到最外層所有祖先節(jié)點(diǎn)的集合,不了解就log看下 let path = e.path let is_scrollTop = false // 從觸摸點(diǎn)到最外層所有祖先節(jié)點(diǎn) scrollTop不為0就不禁止下拉 為0 就禁止下拉 for (let dom of path) { if (dom.scrollTop) { is_scrollTop = true } } if (!is_scrollTop) { e.preventDefault() return false } // console.log('往下滑動'); } else { // console.log('點(diǎn)擊未滑動'); } }) }
到此,關(guān)于“JavaScript如何實(shí)現(xiàn)移動端禁止下拉露出網(wǎng)址廣告”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。