推荐用 addEventListener 绑定点击事件并确保 DOM 加载完成,通过 data 属性传参,点击后禁用按钮防重复提交,移动端需兼顾 touchstart 防 300ms 延迟或无响应。

给按钮绑定 onclick 是最直接的方式
不需要引入框架,原生 HTML 就能快速响应点击。把事件处理逻辑写在 onclick 属性里,或者用 JavaScript 单独绑定——后者更利于维护和复用。
常见错误是直接写 onclick="addToCart()" 却没定义 addToCart 函数,浏览器控制台会报 ReferenceError: addToCart is not defined。
推荐做法:
- HTML 中只写
<button id="add-to-cart">加入购物车</button> - JS 中用
document.getElementById('add-to-cart').addEventListener('click', ...)绑定 - 确保 JS 代码在 DOM 加载完成后执行(比如放在



















