2022.7.14 - 改变网页的标题 && console.dir()的妙用 && e.target防止冒泡

改变网页的标题

function setTitle(e) {
	e.stopPropagation();
	document.title = e.target.textContent;
}

console.dir()的妙用

通过e.taget获取到的DOM元素用console.log打印的时候只能打印出他的标签，我们想通过打印获取到该元素中的DOM对象列表就用到console.dir();

e.target防止冒泡

e.target可以获取当前的元素。如果当前target对应的DOM元素的父元素也有着相同的事件(诸如：click || blur)就会碰到事件冒泡的情况，我们需要阻止事件冒泡的方法下面例举一些：

stopImmediatePropagation 阻止父元素上的事件监听不再执行，同时相同元素的相同事件类型的监听事件也不再执行
stopPropagation 阻止父元素上的事件监听不再执行

stopImmediatePropagation 多个事件监听器被附加到相同元素的相同类型上，当此事件触发事件时，它们会按顺序被调用。如果在其中一个其事件监听器中执行stopImmediatePropagation()，那么剩下的事件监听器器都不会被调用。

function setTitle(e) {
    // 点击事件对象中有的方法,通过addEventListener绑定的事件，执行了该方法，该元素后面绑定的元素将失效
    e.stopImmediatePropagation();
    // 原型链上找到的防止冒泡的方法
    e.stopPropagation();
    document.title = e.target.textContent;
  }