1. 程式人生 > >click和blur事件沖突解決方案

click和blur事件沖突解決方案

一個 輸入 同一時間 文字 col mousedown lur span spa

場景:例如做一個模仿百度搜索的搜索框,輸入文字下面會有匹配項,當點擊下拉項中的值時,就將值添加到搜索框中同時隱藏下拉框,點擊其他地方就直接隱藏下拉框,這時所需要的事件分別為 下拉框事件onclick,輸入框事件onblur,但是實際會出現想選中下拉框卻先觸發了onblur事件導致onclick無法執行。原因是因為JS是單線程,同一時間只能處理一個事件,且blur執行順序優先click.

解決方案:將onclick改為onmousedown即可。

click和blur事件沖突解決方案