js页面缩放触发事件

window.addEventListener('resize', function() {
    let width = window.innerWidth;
    let element = document.getElementById('responsiveElement');

    if (width < 600) {
        element.style.backgroundColor = 'red';
    } else {
        element.style.backgroundColor = 'blue';
    }
});

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

window.addEventListener('resize', throttle(function() {
    // 处理函数
}, 100));

function debounce(func, wait) {
    let timeout;
    return function() {
        const context = this;
        const args = arguments;
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(context, args), wait);
    };
}

window.addEventListener('resize', debounce(function() {
    // 处理函数
}, 100));