diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(1).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(1).html"
new file mode 100644
index 0000000000000000000000000000000000000000..bbb7c96c31fc792c63f82dc55399c1f1b937d0a2
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(1).html"
@@ -0,0 +1,46 @@
+<!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="div">
+        <input type="checkbox" name="hobby" value="唱">唱
+        <input type="checkbox" name="hobby" value="跳">跳
+        <input type="checkbox" name="hobby" value="RAP">RAP
+        <input type="checkbox" name="hobby" value="篮球">篮球
+    </div>
+
+    <p></p>
+    <script>
+        var div = document.querySelector("div");
+        var input = document.querySelectorAll("input");
+        var p = document.querySelector("p");
+
+        div.onchange = function () {
+            var arr = []
+            for (let i = 0; i < input.length; i++) {
+                if (input[i].checked) {
+                    arr.push(input[i].value);
+                }
+            }
+            for(var value of arr){
+                
+                p.innerText = "你的爱好="+arr;
+              
+            }  
+        
+        }
+    
+
+
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(2).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(2).html"
new file mode 100644
index 0000000000000000000000000000000000000000..29c76f4486444bb213c407a876a39f6101513891
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(2).html"
@@ -0,0 +1,46 @@
+<!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>
+    用户名:<input type="text" id="user"value="请输入用户名"><br />
+    <p></p>
+    密码:<input type="text" id="pwd" value="请输入密码"><br />
+    <p></p>
+    <script>
+        var userName = document.querySelector("#user");
+        var pwd = document.querySelector("#pwd");
+        var p = document.querySelectorAll("p");
+        //失去焦点
+        userName.onblur = function () {
+            if (userName.value == "") {
+                p[0].innerText = "用户名为必填项";
+                p[0].style.color = "red"
+                userName.style.backgroundColor = "red"
+            }else{
+                p[0].innerText = "";
+                userName.style.backgroundColor = "white"
+            }
+            userName.style.color = "black"
+        }
+        //被鼠标按下
+        userName.onmousedown = function(){
+            if(userName.value == "请输入用户名"){
+                 userName.style.color = "red"
+            }
+           
+        }
+        var a = userName.onkeydown = function(){
+            userName.value = "";
+        }
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.24.md" "b/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.24.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a6d8964ceee4581aca8630e229f1dfd9066d6c24
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.24.md"
@@ -0,0 +1,15 @@
+```
+ //事件阻止冒泡
+        // ev.stopPropagation(); //不支持ie9以下 DOM
+        // event.cancelBubble = true; //ie独有 ie
+        //事件对象
+        // ie: window.event
+        // 非ie: e
+        //事件委托（代理）
+        //把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件[监听]
+        //阻止默认行为
+        //ev.perventDefault();
+        //ev.returnValue = false
+        // return false;
+```
+
