记录一次input颜色选择器的小bug

102 阅读1分钟

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();
    };