双击加入购物车是反模式，应避免使用；正确做法是通过按钮禁用、防抖、接口幂等和手动节流来防止重复提交，而非依赖易冲突且体验差的dblclick事件。
双击加入购物车是反模式，别这么干
双击操作在现代电商场景中基本没有合理用途：它违背用户直觉（用户默认单击触发动作）、增加误操作成本、破坏移动端体验（双击常被浏览器用于缩放），且对无障碍支持极差。所有主流平台（淘宝、京东、Amazon）均未采用双击加购。如果你看到“双击加入购物车”的需求，大概率是误解了防重复点击或快速加购的真正意图。
真正要解决的是“手快连点导致重复提交”
用户点一次没反馈就再点——这才是实际问题。解决方案不是监听 dblclick，而是用状态控制 + 防抖 + 接口幂等。重点如下：
-
button.disabled = true必须在 fetch 发起前立即执行，而不是等响应回来才设 - fetch 完成后（
then和catch里）都要恢复btn.disabled = false，否则失败后按钮永远点不了 - 后端接口必须支持幂等：同一
productId+userId在短时间内重复提交，应返回成功而非新增两条记录 - 前端可加简单节流：比如 500ms 内忽略后续点击，但不能替代服务端幂等
如果硬要监听双击，dblclick 会和单击冲突
原生 dblclick 事件会先触发两次 click，再触发一次 dblclick。直接绑定两者会导致逻辑错乱（比如点两下，先加两次货，再加一次）。若真需区分，必须手动计时+标记：
let lastClickTime = 0;
button.addEventListener('click', (e) => {
const now = Date.now();
if (now - lastClickTime < 300) {
// 视为双击行为
addToCart(item, { quantity: 2 });
} else {
// 单击
addToCart(item, { quantity: 1 });
}
lastClickTime = now;
});但注意：这个“双击加 2 件”逻辑仍需后端校验库存，且不能替代防重复提交机制。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
移动端根本没法可靠双击
iOS/Android 浏览器对 dblclick 支持不一致，部分 WebView 直接不触发；Safari 甚至会把双击解释为文字放大。更现实的做法是：
- 长按按钮弹出数量选择浮层（
ontouchstart+setTimeout） - 加一个“+2”、“+5”的快捷增量按钮，放在主按钮旁
- 输入框配合“+/-”按钮，显式控制数量，再单击提交
真正的复杂点不在事件类型，而在于如何让加购动作既快又稳——状态同步、错误回滚、本地缓存更新、无障碍反馈，这些比双击逻辑重要得多。
