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

Question

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

element.onclick = () => { search(); } element.onclick = () => { search(); }

或者

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

标签： javascript

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>