请问自定义html节点, 使用registerHTMLComponent方式注册组件，怎么给html中的子元素添加点击事件？

[lir9205]

注册html组件：

   const approvalHtml = `
        <div class="custom-node-wrap">
          <div class="custom-node approval-node">
            <div class="custom-node-header approval-node-header">
              <div class="custom-node-header-name approval-node-name">审批节点</div>
              <div class="add-btn"><i class="custom-node-header-icon iconfont iconxinzeng"></i></div>
            </div>
            <div class="custom-node-body">
              <img class="custom-node-body-img" src="/static/images/avatar.png"/>
            </div>
        </div>
        `;
graph.registerHTMLComponent('approval-html', approvalHtml, true);

创建节点，并自定义事件：

 const node = graph.createNode({
        width: 260,
        height: 80,
        shape: 'html',
        attrs: {
          label: {
            text: '审批节点', // 文本
            style: {
              visibility: 'hidden'
            }
          },
          '.add-btn': {
            event: 'node:add',   // 自定义事件
          },
        },
        ports: {
          groups,
          items: approvalGroupItems
        },
        type: 'approval',
        nodeDescription: '审批节点描述',
        html: 'approval-html'
      });

给graph监听事件：

    graph.on('node:add', ({ node }) => {
       console.log('点击添加按钮')
    });

通过以上方式，按钮点击事件没有触发，请问是什么原因？

[NewByVector]

可以将 event 属性定义在 html 文件中。

<div class="add-btn" event="node:add"><i class="custom-node-header-icon iconfont iconxinzeng"></i></div>

[lir9205]

感谢回复，已经试过，能够调用了