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



    //构建自定义信息窗体
    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();
    },

可以试下事件委托吧？

1、直接在图片添加事件，onclick="fn()"
2、用$().on('click','',function(){})

字符串拼接里可以直接绑定点击事件啊

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box"></div>
</body>
<script>
 let box=document.getElementById("box");
 box.innerHTML="<p onclick='aa()'>66</p>";
 function aa() {
     alert("aa")
 }
</script>
</html>