项目备份
This commit is contained in:
18
static/script.js
Normal file
18
static/script.js
Normal file
@@ -0,0 +1,18 @@
|
||||
// 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>`;
|
||||
});
|
||||
Reference in New Issue
Block a user