开发QuizAPP时调用reset()函数后按钮onclick事件失效问题咨询

1. 优先修正拼写错误 #

你代码里移除类名时写的是dizabled，这是明显的拼写错误（正确应为disabled），导致移除禁用类的操作完全无效，按钮的禁用样式依然保留，自然无法点击。

修正后的代码片段：

function reset() {
    num = 1;
    let img = document.querySelector('#img');
    img.src = `${baseUrl}${num}.png`
    nextBtn.disabled = false;
    nextBtn.style.color = '#555b6e'
    nextBtn.style.pointerEvents = 'auto';
    spanNumber.innerText = num;

    for(let i=0; i < allBtn.length; i++){
        allBtn[i].classList.remove('chozen', 'disabled') // 修正拼写错误
        allBtn[i].style.pointerEvents = 'auto';
        allBtn[i].disabled = false; // 额外添加：重置按钮的disabled属性
    }
}

2. 其他可能的排查点 #

如果修正拼写后问题仍存在，检查以下内容：

• 确认allBtn的选择器正确性：检查你获取allBtn的代码，确保用了正确的选择器（比如document.querySelectorAll('.选项按钮类名')），没有漏选目标按钮。
• 检查父容器的事件拦截：如果按钮的父元素被设置了pointer-events: none，仅重置按钮本身的样式无效，需要同时重置父容器的该样式。
• 避免行内样式冲突：如果CSS中存在优先级更高的禁用样式（比如带!important的规则），行内的pointer-events: auto会被覆盖，建议改用类来控制按钮状态（比如定义.enabled/.disabled类，通过添加/移除类来切换状态）。

内容的提问来源于stack exchange，提问作者Leo