javascript - 如果我将相同的事件附加到相同的元素会发生什么？

Question

它会执行两次搜索吗？或者它会覆盖第一个监听器？

element.onclick = () => { 搜索(); }
element.onclick = () => { 搜索(); }


或

element.addEventListener('click', () => { search(); })
element.addEventListener('click', () => { search(); })


Answer 1

element.onclick = () => {} 覆盖处理程序。

如果您不想覆盖它，请使用element.addEventListener相反。

const element = document.querySelector('button')

element.addEventListener('click', e => {
  console.log('1st event handler')
})

element.addEventListener('click', e => {
  console.log('2nd event handler')
})

<button>Click me</button>