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