项目场景:
- 需要在触发弹窗后,鼠标离开弹窗时关闭弹窗
问题描述:
- 有时我们需要在某个元素获得焦点和失去焦点时触发对应事件,但默认情况下 focus 和 blur 事件只支持 input 输入框、button 按钮等,对于其它标签如 div 不支持
解决方案:
- 可以在要使用 focus 事件或 blur 事件的元素中添加“tabIndex=“一个数值””
<DeviceNameDialog
:showDeviceDialog="showDeviceDialog"
@hideDeviceDialog="hideDeviceDialog"
tabindex="2"
@blur="deviceLoseBlur"
/>