diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep" "b/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html" "b/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..bb01f9c09d805e1a7663a2dc849feb142c177331
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html"
@@ -0,0 +1,78 @@
+<!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>
+    <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/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\344\272\214\345\215\201\346\254\241\347\254\224\350\256\260.md" "b/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\344\272\214\345\215\201\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..cf1a4ff75df703aab3151061cf9137bab03fe8b4
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-24\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\344\272\214\345\215\201\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,12 @@
+ //事件阻止冒泡
+        // ev.stopPropagation(); //不支持ie9以下 DOM
+        // event.cancelBubble = true; //ie独有 ie
+        //事件对象
+        // ie: window.event
+        // 非ie: e
+        //事件委托（代理）
+        //把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件[监听]
+        //阻止默认行为
+        //ev.perventDefault();
+        //ev.returnValue = false
+        // return false;
\ No newline at end of file
