码迷,mamicode.com
首页 > Windows程序 > 详细

让$(window).scroll()监听事件只执行一次

时间:2020-02-21 09:28:32      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:情况   是什么   doc   query   特点   http   ons   一模一样   console   

可以用jQuery中的unbind()来进行事件解绑。

1 $(window).scroll(function() {
2     console.log("滚离顶部" + $(document).scrollTop());
3 
4     //...
5 
6     //对window对象进行scroll事件解绑
7     $(window).unbind("scroll");
8 });

 

方法的参数如下(截图于w3school):

技术图片

 

额外:

我在一次将scroll()和setInterval()结合起来用时,出现了“貌似unbind()不太奏效”的情况:scroll事件被触发多次。仔细看了看,发现其实不是unbind()的问题,是代码结构的问题,我不该一股脑地连scroll()都放进setInterval()里,导致浏览器不断添加一模一样的监听事件(这是什么机制呢?)——它们居然每50毫秒增多一个(都处于待命状态),然后一并被触发。(所以不是unbind()起不了作用。。也与鼠标滚轮“每滚一小牙,触发事件次数不止一次”这个特点无关)

错误代码:

1 var i =setInterval(function(){
2 
3     //...
4 
5     $(window).scroll(function(){
6         clearInterval(i);
7         $(window).unbind("scroll");
8     });
9 },50);

正确代码:

1 var i =setInterval(function(){
2 
3     //...
4 
5 },50);
6 $(window).scroll(function(){
7     clearInterval(i);
8     $(window).unbind("scroll");
9 });

 

让$(window).scroll()监听事件只执行一次

标签:情况   是什么   doc   query   特点   http   ons   一模一样   console   

原文地址:https://www.cnblogs.com/zhangnan15/p/12324591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!