// addEventListener 能添加事件
// 鼠标事件 : 如 click（点击）、dblclick（双击）、mousedown（按下鼠标键）、mouseup（释放鼠标键）、mousemove（鼠标移动）、mouseenter（鼠标进入元素）、mouseleave（鼠标离开元素）、mouseover（鼠标悬停）和 mouseout（鼠标移出）。
//  键盘事件 : 如 keydown（按下键盘键）、keyup（释放键盘键）和 keypress（按下字符键，已废弃）。
//  触摸与指针事件 : 如 touchstart（触摸开始）、touchmove（触摸移动）、touchend（触摸结束）、pointerdown（指针按下）和 pointerup（指针释放），适用于触屏设备和笔输入。
//  表单事件 : 如 submit（表单提交）、change（值改变）、input（输入内容）、focus（获得焦点）和 blur（失去焦点）。
//  窗口与页面事件 : 如 load（页面加载完成）、resize（窗口大小改变）、scroll（滚动）、beforeunload（页面即将卸载）和 unload（页面卸载）。
//  媒体事件 : 如 play（媒体开始播放）、pause（媒体暂停）、ended（媒体播放结束）和 loadeddata（媒体数据加载完成）。
//  自定义事件 : 可以通过 Event 构造函数创建并派发自定义事件，用于应用内部组件通信。

// 监听DOM加载完成事件
document.addEventListener("DOMContentLoaded", function () {
  console.log("document加载完成!!!");
});

document.querySelector("#appChildEleButton").addEventListener("click", () => {
  const resultDiv = document.getElementById("appChildEle");
  resultDiv.innerHTML += `<li>点击添加元素完成</li>`;
});