input失焦事件与点击事件冲突处理

今天遇到一个问题输入框输入文字出现列表可以进行点击跳转地址携带输入值

点击空白区域清除输入框

效果如图

点击时间完成后添加失焦事件 点击不好用了

事件执行顺序失焦高于点击

解决方案

给点击标签加一个 mousedown 事件, 在其中执行 event.preventDefault(), 这样点击的时候文本框就不会失焦了。

另外一个笨方法 失焦事件中添加 setTimeout 再进行清除操作

猜你喜欢

转载自blog.csdn.net/qq_37818095/article/details/85052509
今日推荐