【乐吾乐2D可视化组态编辑器】事件

事件

乐吾乐2D可视化组态编辑器demo：https://2d.le5le.com/  

仅当画布锁定后(meta2d.store.data.locked = 1 or 2)，触发事件。否则，干扰编辑。

定义

图元下的events属性为事件列表。

const pen = {
  name: "rectangle",
  text: "矩形",
  x: 100,
  y: 100,
  width: 100,
  height: 100,
  events: [
    {
      name: "click",
      action: EventAction.Link, // 执行动作
      where: { type:'comparison',  key: "text", comparison: "==", value: "矩形" }, // 触发条件
      value: "2d.le5le.com",
    },
  ],
};

Copy

events对象说明

• name - 事件类型
• action - 事件行为
• value - 事件附属数据
• params - 事件参数
• where - 触发条件

事件类型

事件类型name值如下：

• 鼠标进入 enter
• 鼠标离开 leave
• 选中 active
• 取消选中 inactive
• 单击 click
• 双击 dblclick
• 鼠标按下 mousedown
• 鼠标抬起 mouseup
• 值变化 valueUpdate

const pen = {
  name: "rectangle",
  text: "矩形",
  x: 100,
  y: 100,
  width: 100,
  height: 100,
  events: [
    {
      name: "click",
      action: EventAction.Link, // 执行动作
      where: { type:'comparison',  key: "text", comparison: "==", value: "矩形" }, // 触发条件
      value: "2d.le5le.com",
    },
  ],
};
meta2d.addPen(pen);

事件行为

事件行为action为一个枚举值：

enum EventAction {
  Link,