onclick 与 addEventListener绑定click的区别在于前者不能执行多个单击函数,后者则可以执行多个单击函数
效果预览
html代码
<button>传统注册方式</button>
<button>方法监听注册方式</button>
css代码
无
js代码
<script>
var button = document.querySelectorAll('button')
button[0].onclick = function () {
alert('hello')
}
button[0].onclick = function () {
alert('hao a you')
}
//事件侦听注册时间
button[1].addEventListener('click',function (){
alert(11)
})
button[1].addEventListener('click',function (){
alert(22)
})
</script>