addeventlistener監(jiān)聽scroll跟touch(實(shí)例講解)
這三個(gè)事件只在手機(jī)上生效
touchstart：手指開始觸屏
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可以防止頁面滾動(dòng)的時(shí)候，頁面卡頓，但是奇怪的時(shí)，我沒有設(shè)置的時(shí)候 為什么頁面看不出卡頓啊 憂桑
大家有碰到過手機(jī)頁面滾動(dòng)的時(shí)候卡頓的情況嗎，為什么我在手機(jī)上測(cè)試好像看花了眼一樣
以上這篇addeventlistener監(jiān)聽scroll跟touch(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
今天小編就為大家分享一篇Layer+Echarts構(gòu)建彈出層折線圖的方法，具有很的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化（一）
這篇文章主要介紹了JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化（一）的相關(guān)資料,需要的朋友可以參考下2016-02-02
iframe實(shí)現(xiàn)與父頁面跨域隔離的JavaScript?代碼沙箱
這篇文章主要介紹了使用iframe實(shí)現(xiàn)與父頁面跨域隔離的JavaScript代碼沙箱，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
下一代Bootstrap的5個(gè)特點(diǎn) 超酷炫！
下一代Bootstrap的5個(gè)特點(diǎn)，超酷炫，你還猶豫什么，趕緊來學(xué)習(xí)吧2016-06-06
這篇文章主要介紹了JavaScript?自定義對(duì)象,主要介紹一些方法object創(chuàng)建對(duì)象、使用構(gòu)造函數(shù)創(chuàng)建對(duì)象、字面量創(chuàng)建對(duì)象、等展開話題，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2021-12-12
JavaScript在圖片繪制文字兩種方法的實(shí)現(xiàn)與對(duì)比
這篇文章主要為大家詳細(xì)介紹了前端實(shí)現(xiàn)在圖片上繪制文字的兩種思路,支持即粘即貼即用,文中的示例代碼講解詳細(xì),需要的小伙伴可以了解下2024-03-03
本文主要分享了原生js開發(fā)的日歷插件的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JS中call/apply、arguments、undefined/null方法詳解
這篇文章主要介紹了JS中call/apply、arguments、undefined/null方法詳解的相關(guān)資料,需要的朋友可以參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)電子時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)微信聊天界面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08