1. 程式人生 > >input失焦事件與點選事件衝突處理

input失焦事件與點選事件衝突處理

今天遇到一個問題輸入框輸入文字出現列表可以進行點選跳轉地址攜帶輸入值

點選空白區域清除輸入框

效果如圖

點選時間完成後新增失焦事件 點選不好用了

事件執行順序失焦高於點選

解決方案

給點選標籤加一個 mousedown 事件, 在其中執行 event.preventDefault(), 這樣點選的時候文字框就不會失焦了。

另外一個笨方法 失焦事件中新增 setTimeout 再進行清除操作