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

Question

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

Answer 1

猜测您正在使用 jQuery(document.ready 等)。

在 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
}