HTML事件处理程序是如何工作的？
原文英文，约2000词，阅读约需8分钟。
📝
内容提要
HTML事件处理程序以“on”开头，通常与JS函数关联。自定义元素的事件处理程序无法完全模拟原生事件，存在全球可用性和内容安全策略的限制。实现时需注意命名冲突和返回值等细节。
🔎
延伸解读
自定义事件处理程序的局限性
自定义元素的事件处理程序无法完全模拟原生事件，尤其是在全球可用性和内容安全策略（CSP）方面。这意味着在设计自定义事件时，开发者需要仔细考虑其必要性和潜在的兼容性问题。
事件处理程序的返回值
事件处理程序的返回值必须是确切的false，才能取消事件。这一点在实际开发中容易被忽视，开发者应确保在处理事件时明确返回值，以避免意外的事件传播。
命名冲突的风险
由于内置事件处理程序是全局可用的，未来可能会出现与自定义事件处理程序名称冲突的情况。为了避免这种情况，建议在命名自定义事件处理程序时使用非ASCII字符或大写字母，以降低未来兼容性问题的风险。
❓
Q&A
HTML事件处理程序的命名规则是什么？
HTML事件处理程序的名称以'on'开头，后面跟着事件类型。
自定义元素的事件处理程序与原生事件处理程序有什么不同？
自定义元素的事件处理程序无法完全模拟原生事件，且不具备全球可用性。
如何取消事件的默认行为？
通过事件处理程序返回确切的false值可以取消事件的默认行为。
设置事件处理程序时会发生什么？
设置事件处理程序相当于为相应事件类型添加监听器，旧的监听器不会被移除。
内容安全策略如何影响事件处理程序？
内容安全策略会早期拒绝事件处理程序属性值，影响事件处理程序的状态。
如何移除事件处理程序？
可以通过将事件处理程序属性设置为null或移除属性来移除事件处理程序。
🏷️
