From 09d6cc15a0fd15152db8ba2416fe5fe76603f9de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=B4=E4=BF=8A=E9=94=8B?=
 <95995809+zzzzzzz123000@users.noreply.github.com>
Date: Fri, 25 Nov 2022 13:18:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2022.11.24(1).html"                       | 46 +++++++++++++++++++
 .../2022.11.24(2).html"                       | 46 +++++++++++++++++++
 .../\347\254\224\350\256\260/2022.11.24.md"   | 15 ++++++
 3 files changed, 107 insertions(+)
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(1).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.24(2).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.24.md"
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 0000000..bbb7c96
--- /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 0000000..29c76f4
--- /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 0000000..a6d8964
--- /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;
+```
+
-- 
Gitee

