原生js给一个元素绑定click事件（三种实现方法）

原生js给一个元素绑定click事件（三种实现方法）

第一种直接在DOM元素绑定

<div id="btn" οnclick="one()"></div> //直接在DOM里绑定事件
<script>
　　　　function one(){ 
　　　　	alert("hello"); 
　　　　}
</script>

第二种在js代码中绑定

<div id="aaa"></div>
<script>
　　document.getElementById("aaa").onclick = function（）{
　　 	alert("在js中直接绑定");
　　  } //脚本里面绑定
</script>

第三种绑定事件监听函数

<div id='aaa'><div>
<script>
	document.getElementById('aaa').addEventListener('click',function() {
		alert('绑定事件监听函数')
	})
</script>

注意：用 “addeventlistener” 可以绑定多次同一个事件，且都会执行，而在DOM结构如果绑定两个 “onclick” 事件，只会执行第一个；在脚本通过匿名函数的方式绑定的只会执行最后一个事件。
方式3注册了事件监听，还可以通过“removeListener”使用来取消监听。