js之event对象中target和currentTarget区别

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、

	<style type="text/css">
			ul li {
				background-color: #007AFF;
				height: 33px;
				line-height: 33px;
				margin-top: 22px;
			}
		</style>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>

		<script type="text/javascript">
			let ul = document.getElementsByTagName('ul')[0]
			ul.onclick = function(e) {
				console.log(e.currentTarget); // 当前事件绑定的地方
				console.log(e.target);         // 当前点击那个元素
			}
		</script>

####### 点击li ######

currentTarget:
谁身上的事件被触发了，就指向谁。

target：
点击谁就指向的谁

例如上图：
onclick事件绑定到ul身上，currentTarget就指向的是ul。
因为当你点击li的时候，li本身没有事件函数，就会进行冒泡到上一级ul身上，ul上面有事件就会执行身上的事件；

点击li之后，target点击谁就指向谁，所以指向li