当dom被触发时，我如何构建一个`event`对象的事件处理函数？

// 选取DOM元素
const button = document.getElementById('myButton');

// 添加事件监听器
button.addEventListener('click', handleClick);

// 事件处理函数
function handleClick(event) {
  // 构建event对象
  const customEvent = new CustomEvent('myEvent', {
    detail: {
      message: 'Hello, world!'
    }
  });

  // 处理事件
  console.log(event.type); // 输出：click
  console.log(event.target); // 输出：按钮元素
  console.log(event.clientX, event.clientY); // 输出：鼠标位置

  console.log(customEvent.type); // 输出：myEvent
  console.log(customEvent.detail.message); // 输出：Hello, world!
}

// 推荐的腾讯云相关产品和产品介绍链接地址：
// - 云函数（Serverless）：https://cloud.tencent.com/product/scf
// - 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
// - 云服务器（CVM）：https://cloud.tencent.com/product/cvm
// - 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
// - 云存储（COS）：https://cloud.tencent.com/product/cos
// - 人工智能（AI）：https://cloud.tencent.com/product/ai
// - 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
// - 移动开发（MPS）：https://cloud.tencent.com/product/mps
// - 区块链（BCS）：https://cloud.tencent.com/product/bcs
// - 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse