跳转到内容

前端与界面 · DEFINED TERM

事件

用户或浏览器发生某个动作时发出的可监听信号。

你可能会这样说“点击按钮、输入内容或提交表单时执行动作”

VISUAL EXAMPLE

先看懂它怎么工作

事件
层 1动作发生
层 2事件传播
层 3处理器响应
层 4必要时阻止默认行为

MECHANISM

运行机制

  1. 动作发生
  2. 事件传播
  3. 处理器响应
  4. 必要时阻止默认行为

USE WHEN

适合这样用

连接用户操作与业务逻辑

NOT FOR

不要这样理解

不要在同一元素上叠加重复处理导致执行多次

TELL YOUR AGENT

可直接发给 Agent

请按“事件”的概念处理这个需求:点击按钮、输入内容或提交表单时执行动作。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

鼠标、键盘和触控路径均能触发正确结果

OFFICIAL SOURCES

官方来源