元素点不动需先确认是否“真能点”：检查pointer-events: none、dom未加载完成、移动端div默认不可点击；onclick仅支持单事件，addeventlistener支持多绑定和移除；主动触发用click()或dispatchevent；移动端用touch-action: manipulation并确保语义化。
元素点不动？先确认它是不是“真能点”
很多情况下不是事件没写对，而是元素压根没被浏览器当作可交互对象。常见卡点有三个：
-
pointer-events: none在父级或自身 CSS 里写了，整个元素就拒收所有鼠标/触控事件 - 元素还没渲染完成就绑事件，比如
document.getElementById('btn')放在<script></script>标签里但没加defer或没等DOMContentLoaded - 移动端
<div> 默认不响应点击，iOS Safari 尤其明显——得加 <code>cursor: pointer或监听touchstart才能激活onclick 属性 vs addEventListener，选哪个？
onclick属性写法简单，但只能绑定一个处理函数；addEventListener支持多次绑定、可移除、支持捕获阶段——日常开发几乎都该用后者。别这么写（覆盖风险高）：
button.onclick = () => console.log('A');<br>button.onclick = () => console.log('B'); // A 被覆盖应该这么写（安全、可叠加）：
button.addEventListener('click', () => console.log('A'));<br>button.addEventListener('click', () => console.log('B')); // 两个都会执行注意：
addEventListener绑定的函数，必须用removeEventListener配对移除，且传入的函数引用要完全一致（不能是箭头函数或匿名函数，除非提前存变量）。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件下载如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
怎么用 JavaScript 主动触发 click 事件？
两种主流方式，适用场景不同：
- 直接调用
element.click()：最常用，会触发默认行为（比如表单提交、链接跳转），也触发所有addEventListener('click', ...)监听器 - 用
dispatchEvent(new Event('click', { bubbles: true }))：更底层，不触发默认行为（比如点了按钮但表单不提交），适合需要精细控制冒泡、取消性或模拟特定条件（如坐标、按键）的场景
示例：
const btn = document.getElementById('submit-btn');<br>// 方式1：像用户真点了一样<br>btn.click();<br>// 方式2：只通知监听器，不提交表单<br>btn.dispatchEvent(new Event('click', { bubbles: true }));移动端点击延迟和误触怎么破？
iOS Safari 默认有约 300ms 点击延迟，为兼容双击缩放。现代方案不用 FastClick 了，直接用：
- CSS 加
touch-action: manipulation，告诉浏览器“这玩意只用来点，别等双击” - 确保元素有明确的交互语义，比如用
<button></button>而不是<div>，或给 <code><div> 加 <code>role="button"和tabindex="0" - 避免在
click里做耗时操作，否则视觉反馈滞后——改用touchstart做即时反馈，click做逻辑执行
真正容易被忽略的是：即使加了
touch-action，如果元素被transform: scale(1)这类属性影响，某些旧版 iOS 仍可能失效。测试时务必真机验证。 - 直接调用
