Javascript Firefox中未定义事件

我想用这段代码更改主题颜色设置，但它在Firefox上不起作用。我使用的源代码来自此网站：。这是我的密码：

const setValue = (property, value) => {
    if (value) {
        document.documentElement.style.setProperty(`--${property}`, value);

        const input = document.querySelector(`#${property}`);
        if (input) {
            value = value.replace('px', '');
            input.value = value;
        }
    }
};

const setValueFromLocalStorage = property => {
    let value = localStorage.getItem(property);
    setValue(property, value);
};

const setTheme = options => {
    for (let option of Object.keys(options)) {
        const property = option;
        const value = options[option];

        setValue(property, value);
        localStorage.setItem(property, value);
    }
}

const dataThemeButtons = document.querySelectorAll('[data-theme]');

for (let i = 0; i < dataThemeButtons.length; i++) {
    dataThemeButtons[i].addEventListener('click', () => {
        const theme = dataThemeButtons[i].dataset.theme;
        switch (theme) {
            case 'default':
                setTheme({
                    'meta-menu-background-color': '#50463d',
                    'link-color': '#ed1347',
                    'header-menu-color': '#50463d',
                    'header-menu-background-color': '#ffffff',
                    'footer-background-color': '#3c332e',
                    'footer-last-background-color': '#50463d',
                });
            return;
        }
    })
}

document.addEventListener('DOMContentLoaded', () => {
    setValueFromLocalStorage('meta-menu-background-color'),
    setValueFromLocalStorage('link-color'),
    setValueFromLocalStorage('header-menu-color'),
    setValueFromLocalStorage('footer-background-color');
    setValueFromLocalStorage('footer-last-background-color');
});

const handleInputChange = (property, pixels) => {
    document.documentElement.style.setProperty(`--${property}`, `${event.target.value}${pixels ? 'px' : ''}`);
    localStorage.setItem(property, `${event.target.value}${pixels ? 'px' : ''}`);
};

document.querySelector('#meta-menu-background-color').addEventListener('change', event => {
    handleInputChange('meta-menu-background-color', false);
});

它在铬上工作得很好

你能帮我一下吗？

事件符号在IE和Chrome中是全局的，但在Firefox中是作为参数传递的。因此，您需要使用单个参数编写事件处理程序函数，如果需要，可以调用它event，然后为每个处理程序添加一行前导代码：

function yourHandler(event) {
    event = event || window.event;
    // ...
}

---

您没有传递事件来执行该函数，因此它未定义。您能帮助我如何在示例中使用它吗？我是JavaScript新手。@MarekKozela您必须将事件作为附加参数传递给handleInputChange。调用它的事件处理程序已具有事件参数。我上面代码中的这一行将添加到handleInputChange的更新调用之前。

function yourHandler(event) {
    event = event || window.event;
    // ...
}