溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
React簡介
React是有Facebook開發出來用于構建前端界面的JS組件庫，由于其背后的強大背景，使得這款庫在技術開發上完全沒有問題。
React的優勢
前言
大家都可能會遇到這樣的問題，那就是滾動事件 。比較獲取div的滾動事件，在ReactJS想要給div添加一個滾動事件，那基本上是添加不上的(可能是我的能力有限吧，反正我到目前為止，還沒有找到可以直接給DIV添加滾動事件的）。
要想實現滾動，那就必須得componentWillMount里注冊scroll事件， window.addEventListener(‘scroll', this.onScroll.bind(this)) ，添加事件非常容易的就添加上了。
在componentWillUnmount 里刪除 window.removeEventListener(‘scroll', this.onScroll.bind(this)) 。
添加容易，刪除難，上面那種 remove是刪除不了的。在其它頁面里，如果你滾動也會觸發 onScroll里的事件，此時就會報錯，說組件已經卸載，不能進行操作，檢查一下代碼等等吧。
我想肯定有遇到了，也有解決的辦法，果真找到了一篇文章移除 scroll 辦法的。
代碼如下：
componentDidMount() {
regScroll(this.handler.bind(this));
//window.addEventListener('scroll', this.handler.bind(this),false)
}
componentWillUnmount() {
window.onscroll = '';
//window.removeEventListener('scroll', this.handler.bind(this),false)
}
//添加事件監聽
function regScroll(myHandler) {
if (window.onscroll === null) {
window.onscroll = myHandler
} else if (typeof window.onscroll === 'function') {
var oldHandler = window.onscroll;
window.onscroll = function () {
myHandler();
oldHandler();
}
}
}
//刪除所有事件監聽
function removeScrollHandler(){
window.onscroll=''
}
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
