jQuery на прослушивателе прокрутки после события клика

Question

Каков правильный способ активировать прослушиватель прокрутки после события клика?

настоящее время я использую:

$('.button').click(function (event) { 
    $(window).on("scroll", someFunction); 
} 

someFunction = function() { 
    //do stuff 
    $(window).off("scroll"); //disable scroll listener 
} 

На событие щелчка включить слушателя прокрутки, который работает SomeFunction. Функция делает вещи и отключает прослушиватель прокрутки по завершении. Слушатель прокрутки снова активируется при нажатии.

Меня беспокоит то, что я не делаю это правильно. Пожалуйста, порекомендуйте!

Примечание: Слушатель прокрутки не может работать бесконечно. Он начинается с щелчка и должен заканчиваться в конце myFunction.

Примечание: Я не пытаюсь определить, когда пользователь прекращает прокрутку ..

Answer 1

Вы можете использовать JQuery .one():

$('.button').on('click', function() { 
    $(window).one('scroll', someFunction); 
}); 

Answer 2

Вы можете сделать это следующим образом:

$('.button').click(function (event) { 
    $(window).bind("scroll", someFunction); 
} 

someFunction = function() { 
    //do stuff 
    $(window).unbind("scroll"); // remove scroll listener 
} 

Answer 3

Каждый щелчок добавляет дополнительный слушатель события прокрутки. Я бы инкапсулировать связывание с дополнительной переменной:

var isScrollBindingActive = false; 
$('.button').click(function (event) { 
    if (!isScrollBindingActive) { 
     isScrollBindingActive = true; 
     $(window).on("scroll", someFunction); 
    } 
} 

someFunction = function() { 
    //do stuff 
    $(window).off("scroll"); //disable scroll listener 
    isScrollBindingActive = false; // allow binding again if wished 
}