在innerhtml 里面如何 实现点击事件

Question

    //构建自定义信息窗体
    createInfoWindow(title) {
      var box = document.createElement("div");
      box.className = "custom-info-card";

      // 定义左箭头
      var left = document.createElement("div");
      left.className = "info-left";
      // left.style.top = '100px'
      box.appendChild(left);

      // 定义内容
      var info = document.createElement("div");
      info.closeInfoWindow('click')
      info.className = "info";
      info.innerHTML = `
                          <div style='background:#0040B2;'>
                          
                         <div style='display:inline-block;margin-left:10px'> 项目详情</div>
                      <div style='display:inline-block;float:right;margin-right:10px;margin-top:5px' > 
                       <img src="${require("../assets/close-button.png")}">          -------------要在这图片这里加点击事件  closeInfoWindow() 但是是在innerhtml里面 所以点不出来
                       </div>
                           
                         </div>
           
          
                          </div>`;
      var tips = document.createElement("div");
      tips.className = "info-tips";
      // tips.innerHTML = `<div><span>所属企业：</span>${title.clientName}</div>`;
      info.appendChild(tips);
      box.appendChild(info);
      return box;
    },
    //关闭信息窗体
    closeInfoWindow() {
      this.map.clearInfoWindow();
    },

Answer 1

可以试下事件委托吧？