输入字段值在一个区域中起作用，但在另一个区域中不起作用

// 错误示例
document.getElementById('inputField').onchange = function() {
    console.log('Input changed');
};

// 正确示例
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('inputField').addEventListener('change', function() {
        console.log('Input changed');
    });
});

// 错误示例
document.querySelector('.input-class').addEventListener('change', function() {
    console.log('Input changed');
});

// 正确示例
document.querySelector('#inputField').addEventListener('change', function() {
    console.log('Input changed');
});

// 错误示例
function handleInput() {
    let inputValue = document.getElementById('inputField').value;
    console.log(inputValue);
}

// 正确示例
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('inputField').addEventListener('change', handleInput);
});

function handleInput() {
    let inputValue = this.value;
    console.log(inputValue);
}

/* 错误示例 */
.input-field {
    pointer-events: none; /* 这会禁用所有鼠标事件 */
}

/* 正确示例 */
.input-field {
    pointer-events: auto; /* 确保鼠标事件正常 */
}