案例

oBtn.onclick = function() {
	console.log('click');
}
oBtn.onmousedown = function() {
	console.log('down');
}
oBtn.onmouseup = function() {
	console.log('up');
}

// down
// up
// click

事件的执行顺序

• 无论是哪种绑定方式，对于同一个绑定元素，都是遵循先绑定的先执行原则。
• 如果是以 onclick 的方式绑定的，如果对同一个元素重复绑定的话，后面的会覆盖前面的。但是如果是以 addEventLisener 方式绑定的话，同一个元素绑定多少次，就会执行多少次。
• 同时给 DOM 绑定 onclick 以及 addEventListener，都会执行，onclick 先执行