JavaScript事件顺序

image

列表的click事件触发时,input的blur事件也会触发,而且blur会先于click事件先触发,因此需要使用mousedown事件代替click

listDiv.addEventListener('mousedown', (e) => {
  // 阻止浏览器默认事件,不会失去焦点
  e.preventDefault();
  clickEvent();
  input.blur();
})

// 点击事件
function clickEvent() {
  input.value = '';
}
posted @ 2021-11-11 23:13  hmh12345  阅读(65)  评论(0)    收藏  举报