- 博客(8)
- 收藏
- 关注
RSS订阅
原创 DOM事件类型、event对象，最详解析。
目录事件对象（一）DOM中的事件对象⑴ 示例⑵ 所有事件都有的event对象的属性和方法① currentTarget | this | targer 的区别事件对象在触发DOM上的某个事件时，会产生一个事件对象event，这个事件对象包含着所有与事件有关的信息，例如事件是冒泡还是捕获，事件的目标，鼠标坐标，键盘按下的键，等等信息，不要太好用下面一起来看看event事件对象都有哪些内容吧。（一）DOM中的事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论DOM0
2020-05-11 11:02:28
19703
8
原创 DOM事件处理函数、DOM0，DOM2的优缺点
目录（一）定义（二）HTML事件处理函数① 特点② 缺点（三）DOM0级事件处理函数① 使用② 删除③ 缺点（四）DOM2级事件处理函数① 使用② 删除③ 注意（一）定义事件就是用户或者浏览器自身执行的某种行为，例如click，mouseover，都是事件的名字。而响应某个事件的函数就叫做事件处理函数（或者事件监听器）。（二）HTML事件处理函数HTML<body> <form action=" "> <input type="button"
2020-05-09 17:26:31
3139
原创 DOM事件流，冒泡 | 捕获 | 委托 ，详解
目录（一）DOM事件流① 定义② 图解③ 历史（二）冒泡（一）DOM事件流① 定义事件发生时会在元素节点之间按照特定的顺序传播，这个传播的过程就是DOM事件流简单的说：事件的传播过程即DOM事件流② 图解③ 历史当浏览器发展到第四代时（IE4及Netscape Communicator4），浏览器开发团队遇到了一个很有意思的问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的不是一个圆，而是纸上所有
2020-05-08 22:34:43
4831
1
原创 CSS故障艺术
效果如图（借鉴抖音logo风格）：关键点：CSS属性：mix-blend-mode（←点击查看文档）使用此属性，使文本重叠部分为白色代码：只需要两个标签<div class="text-container"> <div class="Line"></div></div>css： .text-container { ...
2020-04-26 22:46:53
677
原创 回到顶部案例（原生JS）
回到顶部用锚的方式咱就不讲了，非常的简单。作为一个小白，直接能想到的方式就是用定时器来控制滚轮，代码如下：HTML1.增加body的宽度，使其出现滚动条2.创建一个div，点击改div则回到顶部<body style="height: 3000px;"><div id="backTop" class="backTop"></div></bod...
2020-03-22 10:20:28
925
转载 css的继承性
一、CSS的继承性1、无继承性的属性（1）文本属性：属性说明vertical-align垂直文本对齐text-decoration规定添加到文本的装饰text-shadow文本阴影效果white-space空白符的处理unicode-bidi设置文本的方向（2）盒子模型的属性：属性说明width宽度he...
2020-02-01 12:52:44
539
原创 css3动画创意
css3动画创意鼠标指向前：鼠标指向后：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; box-s...
2020-01-30 14:10:22
374
原创 高度塌陷问题及解决方法
Evernote Export 高度塌陷问题产生的原因想要了解产生高度塌陷问题的原因，先提及几个知识点：1.在文档流中，父元素的高度默认是被子元素撑开的。2.当子元素设置浮动以后，子元素会完全脱离文档流。也就是说：当子元素浮动之后，子元素完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。看看具体情况：html部分： &n...
2020-01-29 13:23:30
989
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人