// 推荐使用这种方式绑定事件
document.getElementById('myButton').addEventListener('click', function(e) {
    // 先处理点击事件逻辑
    console.log('按钮点击事件触发');
    
    // 然后执行AJAX函数
    ajaxFunction();
});

function ajaxFunction() {
    // 不要在这里调用e.stopPropagation()或e.preventDefault()
    
    // 示例AJAX请求
    fetch('/api/endpoint')
        .then(response => response.json())
        .then(data => {
            console.log('AJAX请求成功', data);
        })
        .catch(error => {
            console.error('AJAX请求失败', error);
        });
}

<!-- 检查是否有覆盖层 -->
<div id="myButton">点击我</div>
<!-- 确保没有其他元素覆盖在上面 -->

document.getElementById('myButton').addEventListener('click', function(e) {
    console.log('1. 点击事件开始');
    
    ajaxFunction();
    
    console.log('2. 点击事件结束');
});

function ajaxFunction() {
    console.log('3. AJAX函数开始');
    
    // AJAX实现代码...
    
    console.log('4. AJAX函数结束');
}