上传文件 - IE 不会释放输入字段的焦点

Question

当您在 IE 中上传文件时（至少在 IE8 中），您可以双击该字段，而不是单击“浏览”。如果这样做，问题是当您在选择文件后返回到表单时。它看起来像这样：

无论您将鼠标移到何处，IE 都会选择该字段中的文本页面（如果您单击任意位置，它会释放焦点）
如果您一开始单击浏览按钮，则不会发生这种情况，只有在双击输入字段时才会发生这种情况。

现在，有没有办法让字段的行为方式相同，无论您单击按钮还是双击字段？就像将焦点设置在表单的其他部分一样。

它开始让我烦恼了。

Answer 1

您基本上想要点击“onchange”事件，然后将焦点设置在其他地方： HTML 文件输入JS 事件

我能够使用 jQuery 和此代码让 IE8 突出显示消失（其中“up”是文件输入的 id）：

$(document).ready(function() {
    $("#up").change(function() {
        $(document).focus();
    });
});

Answer 2

以下对我有用：

    // Fix bug on IE 11
    $("input[type='file']").click(function() {
        var $this = $(this);
        $this.hide();

        setTimeout(function() {
            $this.show();
        });
    });