From 550d47f1366eaa6e6a2c6d280d0cdd26f9c28f75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Thu, 24 Nov 2022 02:58:54 +0000 Subject: [PATCH 1/8] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- .../\344\272\213\344\273\266.md" | 33 +++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" diff --git "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" new file mode 100644 index 0000000..d95a6f8 --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" @@ -0,0 +1,33 @@ +事件 + +DOM 0 + +当有多个同类型事件触发时，只会触发一个 ，兼容性较高 + +同类型会覆盖前面的 + + + +DOM 2 + +当有多个同类型事件触发时，会依次触发， 兼容性较差 + + + +事件流 + +//事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document + + //事件会自发冒泡(微软)（从里层向外层冒泡，直到document） + + //事件捕获(网景)（从最外层向里层） + + // function fn1() { + + // alert('这是最外层body里面的点击事件') + + // } + + + + //addEventListener('click',fn2,false)：默认false，表示冒泡 true：捕获 \ No newline at end of file -- Gitee From 2d4303e84d1abc5330564b40e768d446d39e2d14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Thu, 24 Nov 2022 02:59:30 +0000 Subject: [PATCH 2/8] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- ...270\232\350\257\276\344\275\234\344\270\232.html" | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" diff --git "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" new file mode 100644 index 0000000..b4c328e --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" @@ -0,0 +1,12 @@ + + + + + + + Document + + + + + \ No newline at end of file -- Gitee From dd0f02901ed2829622673d8e2ae065e7199b06eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Thu, 24 Nov 2022 05:31:12 +0000 Subject: [PATCH 3/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=2038?= =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0/=E7=AC=94=E8=AE=B0/=E4=BA=8B?= =?UTF-8?q?=E4=BB=B6.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../\344\272\213\344\273\266.md" | 33 ------------------- 1 file changed, 33 deletions(-) delete mode 100644 "38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" diff --git "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" deleted file mode 100644 index d95a6f8..0000000 --- "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" +++ /dev/null @@ -1,33 +0,0 @@ -事件 - -DOM 0 - -当有多个同类型事件触发时，只会触发一个 ，兼容性较高 - -同类型会覆盖前面的 - - - -DOM 2 - -当有多个同类型事件触发时，会依次触发， 兼容性较差 - - - -事件流 - -//事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document - - //事件会自发冒泡(微软)（从里层向外层冒泡，直到document） - - //事件捕获(网景)（从最外层向里层） - - // function fn1() { - - // alert('这是最外层body里面的点击事件') - - // } - - - - //addEventListener('click',fn2,false)：默认false，表示冒泡 true：捕获 \ No newline at end of file -- Gitee From f4dd772fab0791f84107a16231e9b8737434ee07 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Thu, 24 Nov 2022 05:31:28 +0000 Subject: [PATCH 4/8] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- .../\344\272\213\344\273\266.md" | 39 +++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" diff --git "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" new file mode 100644 index 0000000..b8cefed --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\344\272\213\344\273\266.md" @@ -0,0 +1,39 @@ +事件 + +DOM 0 + +当有多个同类型事件触发时，只会触发一个 ，兼容性较高 + +同类型会覆盖前面的 + + + +DOM 2 + +当有多个同类型事件触发时，会依次触发， 兼容性较差 + + + +事件流 + +//事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document + + 事件会自发冒泡(微软)（从里层向外层冒泡，直到document） + +事件冒泡就是从目标事件开始，把事件一点一点像父元素传递 + + 事件捕获(网景)（从最外层向里层） + +事件捕获就是从父元素流向目标元素 + +DOM2级事件"规定的事件流包括三个阶段：**事件捕获阶段**、**处于目标阶段**、**事件冒泡阶段**。 + + function fn1() { + +​ alert('这是最外层body里面的点击事件') + + } + + + +addEventListener('click',fn2,false)：默认false，表示冒泡 true：捕获 \ No newline at end of file -- Gitee From cbe962732d4200cef21ace6507dccc200c1df368 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Thu, 24 Nov 2022 05:32:29 +0000 Subject: [PATCH 5/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=2038?= =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0/=E4=BD=9C=E4=B8=9A/2022=5F11=5F21js?= =?UTF-8?q?=E7=AC=AC=E5=8D=81=E4=B9=9D=E8=8A=82=E4=B8=93=E4=B8=9A=E8=AF=BE?= =?UTF-8?q?=E4=BD=9C=E4=B8=9A.html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...270\232\350\257\276\344\275\234\344\270\232.html" | 12 ------------ 1 file changed, 12 deletions(-) delete mode 100644 "38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" diff --git "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" deleted file mode 100644 index b4c328e..0000000 --- "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_21js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Document - - - - - \ No newline at end of file -- Gitee From 90496349d54bd688b8e51ed6aa5788d57dafe552 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Thu, 24 Nov 2022 05:32:49 +0000 Subject: [PATCH 6/8] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- ...\346\254\241\344\275\234\344\270\232.html" | 32 +++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_23js\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html" diff --git "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_23js\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html" "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_23js\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html" new file mode 100644 index 0000000..a492f85 --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_23js\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232.html" @@ -0,0 +1,32 @@ + + + + + + + Document + + +
+ +
+ + + \ No newline at end of file -- Gitee From aedb8c96a32ac2e80473f0dd502c3e45fc06988b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Fri, 25 Nov 2022 05:19:07 +0000 Subject: [PATCH 7/8] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- .../\344\275\234\344\270\232/2022.11.24.html" | 39 +++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.24.html" diff --git "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.24.html" "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.24.html" new file mode 100644 index 0000000..a78d2dc --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022.11.24.html" @@ -0,0 +1,39 @@ + + + + + + + + Document + + + +
+ 狗 + 猫 + 鼠 +
+

+ + + + \ No newline at end of file -- Gitee From 1d3282b5e76c4b2dcedb2123c21dd820e91af2b8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E6=9D=B0?= <19892226650@139.com> Date: Fri, 25 Nov 2022 05:20:06 +0000 Subject: [PATCH 8/8] =?UTF-8?q?38=E5=BC=A0=E5=85=88=E6=9D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 张先杰 <19892226650@139.com> --- ...\344\272\213\344\273\266(\344\270\213).md" | 95 +++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 "38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022-11-24js\347\254\254\344\272\214\345\215\201\344\270\200\350\212\202\344\270\223\344\270\232\350\257\276\344\272\213\344\273\266(\344\270\213).md" diff --git "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022-11-24js\347\254\254\344\272\214\345\215\201\344\270\200\350\212\202\344\270\223\344\270\232\350\257\276\344\272\213\344\273\266(\344\270\213).md" "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022-11-24js\347\254\254\344\272\214\345\215\201\344\270\200\350\212\202\344\270\223\344\270\232\350\257\276\344\272\213\344\273\266(\344\270\213).md" new file mode 100644 index 0000000..20dc191 --- /dev/null +++ "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/2022-11-24js\347\254\254\344\272\214\345\215\201\344\270\200\350\212\202\344\270\223\344\270\232\350\257\276\344\272\213\344\273\266(\344\270\213).md" @@ -0,0 +1,95 @@ +事件 + +#### 阻止默认行为 + +默认事件：表单提交，a标签跳转，右键菜单等 + +```js + +``` + +#### JS常用事件 + +###### 1.点击事件 + +onclick：单击事件 + +ondblclick：双击事件 + +###### 2.焦点事件 + +onblur：失去焦点 //单独使用 + +onfocus:元素获得焦点。//可以单独使用 + +###### 3.加载事件 + +onload：一张页面或一幅图像完成加载。 + +###### 4.鼠标事件 + +onmousedown： 鼠标按钮被按下。 + +onmouseup： 鼠标按键被松开。 + +onmousemove： 鼠标被移动。 + +onmouseover： 鼠标移到某元素之上。//和onmouseout成对使用 + +onmouseout ：鼠标从某元素移开。 + +###### 5.键盘事件 + +onkeydown ：某个键盘按键被按下。 + +onkeyup： 某个键盘按键被松开。 + +onkeypress ：某个键盘按键被按下并松开。 + +###### 6.选择和改变 + +onchange ：域的内容被改变。 + +onselect ：文本被选中。 + +###### 7.表单事件 + +onsubmit ：确认按钮被点击。 + +onreset： 重置按钮被点击 + + + +事件绑定 + +​ // var insideDiv = document.getElementById('inside'); + + //id: #id class: .calssname 标签: div + + // var insideDiv = document.querySelector('#inside')//id + + // var insideDiv = document.querySelector('.box')//class + +var insideDiv = document.querySelector('div div'); //获取第一个div子代的第一个div + + //根据标签名 + + // var insideDiv = document.getElementsByTagName('div')[1]; + +//阻止冒泡 + +​ //1. e.cancelBubble = true; + +​ //2. e.stopPropagation(); \ No newline at end of file -- Gitee