张筱菓

2025年2月6日

摘要：由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父结点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理（delegation） var ul =document.querySelector('ul'); ul.addEventListenr('click' 阅读全文

posted @ 2025-02-06 15:24 张筱菓阅读(26) 评论(0) 推荐(0)

JS-50 事件类型之表单事件

摘要：表单事件是在使用表单元素及输入框元素可以监听的一系列事件 ①input事件②select事件③Change事件④reset事件⑤submit事件 1、input事件 input事件当<input>、<select>、<textarea>的值发生变化时触发。对于复选框（<input type=chec 阅读全文

posted @ 2025-02-06 13:14 张筱菓阅读(118) 评论(0) 推荐(0)

2025年2月5日

JS-49 事件类型之键盘事件

摘要：键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件 ①keydown：按下键盘时触发。 ②keypress：按下有值的键时触发，即按下Ctrl、Alt、Shift、Meta这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件阅读全文

posted @ 2025-02-05 20:36 张筱菓阅读(71) 评论(0) 推荐(0)

JS-48 Event事件对象

摘要：一、Event事件对象：事件发生以后，会产生一个事件对象，作为参数传给监听函数。 Event对象属性：Event.Target、Event.type 1、Event.target Event.target属性返回事件当前所在的节点 //HTML代码为 //<p id="para">hello</p> 阅读全文

posted @ 2025-02-05 17:52 张筱菓阅读(33) 评论(0) 推荐(0)

JS-47 事件类型之鼠标事件

摘要： 1、鼠标事件鼠标事件指与鼠标相关的事件，具体的事件主要有以下一些： ①click：按下鼠标时触发 ②dblclick：在同一个元素上双击鼠标时触发 ③mousedown：按下鼠标键时触发 ④mouseup：释放按下的鼠标键时触发 ⑤mousemove：当鼠标在节点内部移动时触发。当鼠标持续移动时，阅读全文

posted @ 2025-02-05 17:51 张筱菓阅读(203) 评论(0) 推荐(0)

JS-46 事件处理程序

摘要：事件处理程序分为：HTML事件处理、DOM0级事件处理、DOM2级事件处理 1、HTML事件 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Js事件详解--事件处理</title> </head> <bod 阅读全文

posted @ 2025-02-05 15:55 张筱菓阅读(11) 评论(0) 推荐(0)

JS-45 CSS操作

摘要： CSS操作动态设置样式常用方法 1、HTML元素的style属性操作CSS样式最简单的方法，就是使用网页元素节点的setAttribute方法直接操作网页元素的style属性 div.setAttribute( 'style', 'background-color:red;'+'border:1 阅读全文

posted @ 2025-02-05 13:37 张筱菓阅读(29) 评论(0) 推荐(0)

2025年1月26日

JS-44 Element获取元素位置

摘要： 1、Element获取元素位置属性描述 clientHeight 获取元素高度包括padding部分，但是不包括border、margin clientWidth 获取元素宽度包括padding部分，但是不包括border、margin scrollHeight 元素总高度，它包括padding 阅读全文

posted @ 2025-01-26 17:52 张筱菓阅读(43) 评论(0) 推荐(0)

JS-43 document对象_方法/创建元素

摘要： document创建元素：createElement(创建元素) createTextNode（创建元素文本） createAttribute（创建元素的属性） 1、document.createElement() document.createElement方法用来生成元素节点，并返回该节点 va 阅读全文

posted @ 2025-01-26 17:25 张筱菓阅读(76) 评论(0) 推荐(0)

JS-42 document对象_方法/获取元素

摘要： document获取元素：getElementsByTagName getElementsByClassName getElementsByName getElementsByld querySelector querySelectorAll 1、document.getElementsByTagN 阅读全文

posted @ 2025-01-26 16:26 张筱菓阅读(110) 评论(0) 推荐(0)

公告