如何在两个不同的事件上运行一个javascript函数？

Question

我有一个javascript函数，我想在两个不同的事件上运行它 - document.ready和window.scroll。怎么做？

Answer 1

猜猜你正在使用jQuery（document.ready和all）。

在document.ready之后将事件处理程序附加到窗口，然后触发事件会立即触发document.ready和每个滚动事件上的处理程序。

$(document).ready(function() {
    $(window).on('scroll', function() {
        // do stuff
    }).trigger('scroll');
});

或引用函数

$(document).ready(function() {
    $(window).on('scroll', myJavascriptFunction).trigger('scroll');
});

function myJavascriptFunction() {
    // do stuff
}

Answer 2

称之为

    $(document).ready(function(){
        $(window).scroll(function(){
           //some func
        });
        //same func
    })

也可以在onscroll

上使用它

如果你想在doc.ready上也想要它，那么也写第二次（尽管这不是一个好主意。）