“手势”组件

Google Ads、Google AdMob、AMPHTML 广告视频广告图片广告均不支持此组件。

通过“手势”组件,您可以捕获用户互动。例如,当用户的鼠标指针悬停在某个按钮上方时,您可能希望检测到这种情况,以便相应地更改按钮颜色;或者当用户在文本页面上向左滑动时,您可能希望检测到这种情况,以便显示下一页。

要为项目添加手势组件,请执行以下操作:

  1. 打开组件面板,然后打开互动文件夹。
  2. 手势 组件拖到场景中。
  3. 添加事件以检测您关注的手势。“手势”组件针对不同类型的手势提供不同的事件

属性

属性 说明
名称 组件名称。
触摸操作

将哪些触摸操作传递给浏览器。例如,如果您不希望“手势”组件干扰用户在浏览器中的垂直滚动操作,可以将该属性设为 pan-y。在大多数情况下,您可以将其设为 none

  • auto
  • none (默认)
  • pan-x
  • pan-y

事件和操作

您可以根据以下手势组件事件触发其他操作:

事件 说明
悬停 当鼠标位置/触摸位置进入组件边界时发送。
悬停结束 当鼠标位置/触摸位置离开组件边界时发送。
跟踪开始 当鼠标拖动/触摸拖动操作开始时发送。
跟踪 组件将记录鼠标拖动/触摸拖动操作的 X 轴和 Y 轴位置数据。您可在组件的“属性”面板中设置发送哪些跟踪数据。
跟踪结束 当鼠标拖动/触摸拖动操作结束时发送。
点按 当记录到鼠标点击/用户点按操作时发送。
向左滑动 当用户按下手指然后向左滑动时发送。
向右滑动 当用户按下手指然后向右滑动时发送。
向上滑动 当用户按下手指然后向上滑动时发送。
向下滑动 当用户按下手指然后向下滑动时发送。

如需在事件对话框中选择上述某个事件,请将“Gesture”组件设为目标

了解如何配置事件

预览

此组件在 Google Web Designer 界面内无法预览。要查看该组件的实际运作情况,请点击右上角的预览 按钮,在您的首选浏览器中预览您的文档

该内容对您有帮助吗?

您有什么改进建议?

需要更多帮助?

请尝试以下步骤:

9055005754143560086
true
搜索支持中心
true
true
true
true
true
5050422
搜索
清除搜索内容
关闭搜索框
主菜单
false
false
false
false