事件简介

此功能不适用于视频广告、图片广告和动画 GIF。

借助事件，您可以设置操作来响应用户手势、时间轴关键帧或者您的广告或 HTML 文档中发生的其他情况。例如，您可以使用广告中触摸事件触发动画开始播放，也可以通过时间轴上设置了事件标记的定点触发 CSS 更改。

事件概述

“事件”对话框

您可在“事件”对话框中将对象和操作与事件关联。“事件”对话框是一个交互式对话框，可引导您逐步完成以下事件设置步骤：

1. 目标：选择哪个对象会触发事件，例如按钮。
2. 事件：选择要检测的事件，例如用户点击该按钮。
3. 操作：指定因此会发生的操作，例如播放视频。
4. 接收方：选择哪个元素会执行操作，例如视频。
5. 配置：对于某些操作，可能需要提供更多详细信息。

了解如何使用“事件”对话框定义事件。

如果您所需的操作未列在“事件”对话框中，您可以创建自己的 JavaScript 函数并将其用作自定义操作。但是，此功能不适用于 AMPHTML 广告。

“事件”面板

“事件”面板会列出项目中的事件。（如果您没有看到“事件”面板，可以从“窗口”菜单将其打开。）

如需添加事件，请执行以下操作：

• 点击面板底部的添加事件 按钮。

如需修改事件，请执行以下操作：

• 在“事件”面板中双击该事件，以打开“事件”对话框，在其中进行更改。
• 您也可以右键点击该事件，然后点击弹出式菜单中的修改。

如需删除事件，请执行以下操作：

• 在面板中点击该事件，然后点击面板底部的删除 按钮。
• 您也可以右键点击该事件，然后点击弹出式菜单中的删除。
• 如需删除多个事件，请在面板中选择这些事件，然后使用上述任一方法。

如需过滤事件列表，请执行以下操作：

• 使用面板顶部的下拉菜单可仅列出当前页面或所选项的事件。
• 您也可以在过滤事件字段中输入元素 ID、事件类型或操作。

如需为事件选择目标，请执行以下操作：

• 右键点击该事件，然后点击弹出式菜单中的选择目标。
• 如果目标处于隐藏或锁定状态（或者具有隐藏或锁定的父元素），弹出式菜单将提供显示并选择目标或解锁并选择目标的选项。

如需为事件选择接收方，请执行以下操作：

• 右键点击该事件，然后点击弹出式菜单中的选择接收方。
• 如果接收方处于隐藏或锁定状态（或者具有隐藏或锁定的父元素），弹出式菜单将提供显示并选择接收方或解锁并选择接收方的选项。

从“事件”面板中选择元素

• 如果您在其他页面上选择目标或接收方，场景会切换到相应页面。
• 您不能同时选择多个目标或接收方。

预览事件

您无法在 Google Web Designer 界面中预览事件。如需查看事件的实际呈现效果，请在浏览器中预览项目并触发事件。