【发布时间】:2018-10-15 01:06:47
【问题描述】:
到目前为止,我们看到的唯一事件是点击,我们看到的唯一操作是打开、关闭和关闭。您可能会对其他可用的内容感到好奇。虽然点击适用于所有元素,但 AMP 中的大多数事件都特定于特定元素。例如,表单有 submit、submit-success 和 submit-error 事件,输入元素有一个 change 事件,而 amp-selector 有一个 select 事件,仅举几例。还有更多;有关 AMP 事件和操作的完整列表,请参阅附录 B,操作和事件。
事件对象
当HTML中发生事件时,该事件属于某个事件对象,就像鼠标点击事件属于MouseEvent对象一样。
事件对象
所有的事件对象都基于事件对象,并继承了它的所有属性和方法
常见事件对象
- 用于 CSS 动画的AnimationEvent
- ClipboardEvent 用于修改剪贴板
- DragEvent 用于拖放交互
- FocusEvent 用于焦点相关的事件
- HashChangeEvent 用于 URL 锚部分的更改
- InputEvent 用于用户输入
- KeyboardEvent 用于键盘交互
- MouseEvent 用于鼠标交互
- PageTransitionEvent 用于导航到和离开网页
- PopStateEvent 用于更改历史条目
- ProgressEvent 用于加载外部资源的进度
- StorageEvent 用于更改窗口存储区域。
- TouchEvent 用于触摸交互
- CSS 过渡的TransitionEvent
- 用于用户界面交互的UiEvent
- 用于鼠标滚轮交互的 WheelEvent
【问题讨论】:
标签: javascript events dom-events amp-html amp-story