addeventlistener監(jiān)聽(tīng)scroll跟touch(實(shí)例講解)
這三個(gè)事件只在手機(jī)上生效
touchstart：手指開(kāi)始觸屏
touchmove：手指移動(dòng)
touchend：手指觸屏結(jié)束
這個(gè)事件在手機(jī)上跟在pc端都生效
scroll事件
addeventlistener(name,callback,optional,useCapture)
useCapture：事件是否用捕獲事件，從外到里，true
默認(rèn)為false:使用冒泡事件，從里到外
optional:{
passive:false時(shí)，阻止默認(rèn)事件，ture時(shí)不阻止默認(rèn)事件(默認(rèn)值是false)
}
passive:true可以防止頁(yè)面滾動(dòng)的時(shí)候，頁(yè)面卡頓，但是奇怪的時(shí)，我沒(méi)有設(shè)置的時(shí)候 為什么頁(yè)面看不出卡頓啊 憂(yōu)桑
大家有碰到過(guò)手機(jī)頁(yè)面滾動(dòng)的時(shí)候卡頓的情況嗎，為什么我在手機(jī)上測(cè)試好像看花了眼一樣
以上這篇addeventlistener監(jiān)聽(tīng)scroll跟touch(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在mpvue框架中使用Vant WeappUI組件庫(kù)的注意事項(xiàng)【推進(jìn)】
這篇文章主要介紹了在mpvue框架中使用Vant WeappUI組件庫(kù)的注意事項(xiàng),本文給大家提到了引入組件庫(kù)的兩種方法，需要的朋友可以參考下2019-06-06
DWR內(nèi)存兼容及無(wú)法調(diào)用問(wèn)題解決方案
這篇文章主要介紹了DWR內(nèi)存兼容及無(wú)法調(diào)用問(wèn)題解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
js實(shí)現(xiàn)導(dǎo)航欄上下動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)導(dǎo)航欄上下動(dòng)畫(huà)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
理清apply(),call()的區(qū)別和關(guān)系
如果沒(méi)接觸過(guò)動(dòng)態(tài)語(yǔ)言,以編譯型語(yǔ)言的思維方式去理解javaScript將會(huì)有種神奇而怪異的感覺(jué),因?yàn)橐庾R(shí)上往往不可能的事偏偏就發(fā)生了,甚至覺(jué)得不可理喻.2011-08-08
JavaScript優(yōu)化以及前段開(kāi)發(fā)小技巧
隨著前端技術(shù)的發(fā)展，前端業(yè)務(wù)越來(lái)越繁重，這大大增加了JS代碼量。因此，要提高Web的性能，我們不僅需要關(guān)注頁(yè)面加載的時(shí)間，還要注重在頁(yè)面上操作的響應(yīng)速度。那么，接下來(lái)我們討論幾種能夠提高JavaScript效率的方法。2017-02-02
枚舉是 TypeScript 中一個(gè)非常有趣且實(shí)用的特性，它可以讓我們更好地組織和管理代碼，下面就來(lái)和大家聊聊TypeScript中枚舉的具體使用吧2023-06-06
這篇文章主要介紹了微信小程序倒計(jì)時(shí)功能實(shí)例代碼,當(dāng)單擊按鈕彈出一個(gè)半透明的彈出層，在規(guī)定時(shí)間內(nèi)激活關(guān)閉按鈕，關(guān)閉彈出層。需要的朋友可以參考下2018-07-07
獲取DOM對(duì)象的幾種擴(kuò)展及簡(jiǎn)寫(xiě)
獲取DOM對(duì)象的幾種擴(kuò)展及簡(jiǎn)寫(xiě)...2006-10-10
如何用CocosCreator實(shí)現(xiàn)射擊小游戲
這篇文章主要介紹了如何用CocosCreator實(shí)現(xiàn)射擊小游戲，此游戲難度不大，僅作為入門(mén)的練手小游戲，一小時(shí)就能完成，里面用到的知識(shí)很常用，喜歡游戲的同學(xué)，可以參考下2021-04-04
這篇文章主要介紹了JS封裝cavans多種濾鏡組件,本文主要是講解圖片濾鏡的效果以及實(shí)現(xiàn)思路，如需更多的濾鏡效果可以研究算法或者參考其他的一些開(kāi)源庫(kù)glfx.js、lena.js等等,需要的朋友可以參考下2022-02-02