JavaScript事件顺序

列表的click事件触发时,input的blur事件也会触发,而且blur会先于click事件先触发,因此需要使用mousedown事件代替click
listDiv.addEventListener('mousedown', (e) => {
// 阻止浏览器默认事件,不会失去焦点
e.preventDefault();
clickEvent();
input.blur();
})
// 点击事件
function clickEvent() {
input.value = '';
}

浙公网安备 33010602011771号