# 执行跳转事件
为方便母页面区分跳转的联动方式，在现有事件的基础上新增"deviceInfo"事件，该事件涵盖所有组态组件。该事件主要用于单击进行页面跳转并支持进行配置，做到通过设置不同执行方式实现。
#### 操作步骤
1. 事件传输：母页面接收监听到window事件后决定执行方式。 
   ![](https://support.huaweicloud.com/devg-ocsmartcampus/zh-cn_image_0000002496207781.png "点击放大")
   
   
2. 页面跳转：自定义URL地址或选择现有组态页面进行跳转。 
   ![](https://support.huaweicloud.com/devg-ocsmartcampus/zh-cn_image_0000002463168742.png "点击放大")
   - **事件触发条件：**
   
   
   选择需要跳转的组件后，在页面右侧选择事件 \> 单击或双击时(不支持其他操作类型) \> 添加动作。
   在事件动作编辑弹窗的打开连接页签中，选择事件传输的执行方式，如下图所示：
   ![](https://support.huaweicloud.com/devg-ocsmartcampus/zh-cn_image_0000002496367785.png "点击放大")
   此时在发布页面中通过鼠标单击事件单击组件时会发送对应的Window事件：
   ![](https://support.huaweicloud.com/devg-ocsmartcampus/zh-cn_image_0000002463328370.png "点击放大")
   - **事件格式：**
   
   
   ```
   {
     direction:"export",
     type: "deviceInfo",
     data: {
       device_id: ${device_id}
     }
   }
   ```
   *type：消息类型（deviceInfo为设备详情）*
   *device_id：设备ID*
   当事件type类型为*deviceInfo*时，说明查看的是具体设备详情，
   - **处理样例：**
   
   
   母页面监听该事件的代码示例如下：
   ```
   window.addEventListener("message", (event) => {
     if (event.data.type === 'deviceInfo') {
       this.sendDetail(event.data)
     }
   })
   ```
   - **向前兼容：**
   
   
   1、用户之前未在当前组件的打开连接页签配置跳转地址时，添加动作时打开连接页签默认选择的执行方式为：事件传输；
   2、用户之前已在当前组件的打开连接页签配置跳转地址时，编辑动作时则会自动选择执行方式为：页面跳转。