mxgraph 如何触发html label的事件，如在画布中触发弹出框

mxGraph 中的 HTML 标签（也称为标记）可以通过在标签字符串中添加事件监听器来响应用户操作。mxGraph 提供了 `mxEvent.addListener` 方法来添加事件监听器。

以下是一个示例，演示如何在 mxGraph 中添加事件监听器以弹出 HTML 标记中的框：

// 获取 mxGraph 的实例
var graph = new mxGraph(container);

// 创建一个 mxCell
var parent = graph.getDefaultParent();
var cell = graph.insertVertex(parent, null, 'Hello, World!', 0, 0, 80, 30);

// 在 mxCell 上添加 HTML 标记
var label = '<div style="background-color: #ff6666; padding: 5px; border-radius: 5px;">Click me!</div>';
graph.setCellStyles(mxConstants.STYLE_LABEL, label, [cell]);

// 添加事件监听器
mxEvent.addListener(cell, 'click', function(evt) {
  // 获取 HTML 标记的元素
  var elem = evt.target;
  if (mxUtils.isAncestorNode(elem, graph.container)) {
    while (elem != null && elem != graph.container) {
      if (elem.nodeName === 'DIV' && elem.parentNode == cell.value) {
        // 弹出框
        alert('You clicked me!');
        break;
      }
      elem = elem.parentNode;
    }
  }
});

这个示例演示了如何在 mxGraph 中创建一个包含 HTML 标记的 mxCell，并在点击该标记时弹出一个框。请注意，我们使用 `mxEvent.addListener` 方法将 `click` 事件添加到 `cell` 上，然后在事件处理程序中检查事件的目标元素是否是标记中的 `div` 元素。如果是，则弹出框。