将onclick事件传递给没有全局函数的模板文字

<div id="template" data-onclick="handleClick">点击我执行函数</div>

// 获取模板文字所在的HTML元素
const template = document.getElementById('template');

// 为模板文字绑定click事件
template.addEventListener('click', function(event) {
  // 获取要执行的函数名
  const functionName = template.getAttribute('data-onclick');
  
  // 判断函数是否存在
  if (typeof window[functionName] === 'function') {
    // 调用函数
    window[functionName]();
  } else {
    console.log('函数不存在');
  }
});

// 定义要执行的函数
function handleClick() {
  console.log('点击事件触发');
}