事件冒泡与事件委托和其他知识点

事件冒泡

就是当一个子元素的事件被触发的时候onclick事件，该事件会从事件源（被点击的子元素）开始逐级向上传播，触发父级元素的点击事件

document.getElementById('parent').onclick=function () {
console.log(this.getAttribute('data-id'));
};
document.getElementById('child').onclick=function (e) {
console.log(this.getAttribute('data-id'));
};

事件委托

事件委托，首先按字面的意思就能看你出来，是将事件交由别人来执行，再联想到上面讲的事件冒泡，是不是想到了？对啦，其实就是将子元素的事件通过冒泡的形式交由父元素来执行

置顶菜单

顶部logo

置顶菜单

网站主内容

网站主内容

网站主内容

网站主内容

网站主内容

滚动

元素脱离文档流是其他元素的布局排版不会收到这个元素的影响，就当这个元素不存在
脱离文档流有三种方式：absolute、float、fixed，这三种也有区别：
absolute：定位取决于它的父元素有没有定位，如果有那么它就根据定位的父元素定位，如果没有就会一级一级的向上找，直到找到body
float：它脱离文档流的时候其他元素仍然会当这个元素不存在，但是其他元素盒子中的文本仍然会环绕在这个元素周围
fixed：以窗口左上角为原点定位，定位之后相对于窗口的位置始终不变