在js中普通事件函数和监听事件函数的区别在哪里啊？

Question

例如我定义一个函数

var person = document.getElementById('box');
person.click = function() {
    alert('my name is xioaming');
}

和

person.addEventListener('click', function(){
   alert('my name is xiaoming');
}, true);

用法上有区别么

Answer 1

打个比方，一个是你给按钮A加了一个click的普通事件，这是没问题的，但是如果你再通过js或者其他方法动态又加了一个按钮A，那么这个按钮A点击了是不会触发的，但是你要是用了监听，比如on()来绑定一个click事件，那么他再次添加的按钮点击后也是可以触发的

Answer 2

第一种，你只能执行一个回调来响应用户点击事件。
第二种，你可以绑定N个函数来响应用户点击事件。