javascript点击事件与事件监听 -- 技巧⭐

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>