解决如何在点击按钮时，不触发input的失去焦点事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决如何在点击按钮时，不触发input的失去焦点事件相关的知识，希望对你有一定的参考价值。
参考技术A 业务场景：el-input 是查询关键词的搜索输入框，其绑定了失去焦点事件。 el-button是查询按钮。当点击查询按钮时，目的是执行查询操作，但出现bug，变为执行了el-input的失去焦点事件，没有执行searchHandle事件。思路： 在按钮上绑定的事件从@click 改为 @mousedown 事件。因为失去焦点事件是mousedown默认触发的，所以，在点击的按钮上阻止mousedown的默认事件即可
解决方案：
以上是关于解决如何在点击按钮时，不触发input的失去焦点事件的主要内容，如果未能解决你的问题，请参考以下文章
IOS下H5的input/textarea元素失去焦点时隐藏键盘
js控制ios端的input/textarea元素失去焦点时隐藏键盘
elementui中el-button点击后不失去焦点(按钮颜色不变)的解决