1. 问题描述
在开发应用中,遇到一个关于input标签的小bug,在编辑颜色完成之后,其他输入框无法进行输入法切换,只能输入英文字符,之后点击其他页面或者桌面即可恢复;
2. 问题原因
这是因为<input type='color'>这个标签编辑结束后,失焦不正确导致的,这个bug应该是浏览器或者操作系统产生的
3.解决方法
既然知道了产生原因,解决这个小bug的方法就是让浏览器失焦即可解决;
<input type='color' @blur="solveCantInput()">
const solveCantInput = () => {
// 是不是windows系统
let isWindows = navigator.userAgent.indexOf("Windows") > -1;
if (!isWindows) return;
let win = window.open("about:blank");
win.close();
};