标准触发顺序是onmousedown → onmouseup → onclick，前提是鼠标操作未被alert阻塞、preventDefault干预或移出元素；该顺序由DOM规范定义，且要求两次事件发生在同一元素、时间间隔较短。
onmousedown → onmouseup → onclick 是标准触发顺序
只要鼠标操作没被中途打断（比如 alert 阻塞、event.preventDefault() 干预、或鼠标移出元素），这个顺序在所有现代浏览器中都成立。它不是约定，而是 DOM 规范定义的行为。
关键点在于：onclick 不是“独立点击事件”，而是 onmousedown + onmouseup 在**同一元素上**、**时间间隔短**（通常 preventDefault 或移出）后的合成结果。
哪些情况会导致 onclick 不触发
即使 onmousedown 和 onmouseup 都执行了，onclick 仍可能跳过。常见原因包括：
-
onmousedown中调用了event.preventDefault()—— 尤其在可拖拽场景里容易误加 - 鼠标按下后移出元素边界，再在外部释放：此时
onmouseup仍会触发（在 document 级），但onclick不会触发在原元素上 - 按下和释放时间间隔过长（超出 UA 默认 click timeout，一般 300–750ms），部分浏览器会放弃合成 click
- 元素在
onmousedown后被display: none或remove()，导致onmouseup和onclick失效
用 onmousedown/onmouseup 模拟长按或按压反馈
这是它们比 onclick 更不可替代的用途：你能精确控制“按下即响应”和“抬起才确认”的逻辑。
例如实现按钮按压变色：
button.addEventListener('mousedown', () => {
button.style.backgroundColor = '#4a90e2';
});
button.addEventListener('mouseup', () => {
button.style.backgroundColor = '';
});
button.addEventListener('mouseleave', () => {
button.style.backgroundColor = ''; // 防止鼠标滑出后残留状态
});
注意：mouseleave 必须监听，否则用户按下后滑出再释放，onmouseup 不会在 button 上触发，视觉状态就卡住了。
click 事件本身有兼容性细节
click 在移动端会带来 300ms 延迟（为双击缩放留判断窗口），而 mousedown/mouseup 没有。但反过来说：
-
click自动忽略快速抖动、误触，mousedown则见一次按就触发 -
click在触摸屏上能正确处理 tap，但mousedown在纯触屏设备（无模拟鼠标）上可能根本不触发 - 如果要写跨端一致交互，别只依赖
mousedown；优先用click，需要即时反馈时再叠加touchstart/pointerdown
真正容易被忽略的是：事件委托时，click 冒泡可靠，但 mousedown 在某些老版本 iOS Safari 中对动态插入元素的支持不稳定——别在 document 级监听 mousedown 做通用代理。
