JavaScript中添加事件的三种方法

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态

第一种，在标签中直接添加设置

<script>
	var b=function(){
		console.log(1111111);
	}
	function a(){
		document.getElementById("pi").innerHTML="pipi";
	}//获取标签元素添加内容
</script>
<!--直接在标签中设置时间类型和对应函数-->
<span  id="pi" onclick="b()"></span>

第二种

<span id="pi"></span>
<script>
	var b=function(){
		console.log(1111111);
	}
	//获取标签元素添加监听器并设置事件类型和对应函数
	document.getElementById("pi").addEventListener("click",function(){
		console.log(1111111);
	});
	//document.getElementById("pi").addEventListener("click",b);直接传入定义好的函数名也可以
</script>

第三种

<span id="pi"></span>
<script>
	//获取标签元素直接设置事件类型和对应函数
	document.getElementById("pi").onclick=function(){
		console.log(1111111);
	};
	
</script>