javascript - 文件上传表单被 JavaScript 破坏

Question

有一个非常奇怪的问题，我无法解决。

本质上，我正在尝试将文件上传表单添加到我现有的网络应用程序中。目前标记非常简单:

    <form action="#" enctype="multipart/form-data" method="post">
        <ul>
            <li>
            <label for="imageField"> Image File </label>
            <input id="imageField" type="file" />
            </li><li>
            <input type="submit" value="Submit Content" />
            </li>
        </ul>
    </form>

在头部我包含两个脚本:

    <script type="text/javascript" src="MyAppLibs.js"></script>
    <script type="text/javascript" src="MyAppCore.js"></script> 

MyAppLibs.js 是多个库的串联(knockout js、bootstrap、jquery 等等)。 MyAppCore 包含实际的应用程序逻辑、ko View 模型和 websocket 客户端。

发生的情况是，包含这两个文件时，文件对话框不会出现在 chrome 和 firefoxx 中(在 IE 中工作正常)。

如果我删除其中任何一个，文件对话框在所有浏览器中都会显示正常。

尝试调试此问题，控制台中没有错误，并且两种情况下表单的 css 都是相同的。编辑我发现的串联步骤是删除 knockout-2.3.0.js 对话框也能正常工作。

关于如何继续调试此问题有什么建议吗？我搜索了库，我自己的代码找不到任何修改 input type='file' 元素的内容。

Answer 1

罪魁祸首最终是:

$(document).click(function(event) {
  if(event.which === 1) {
    event.preventDefault();
  }
});

不知道为什么我会出现这个问题，也不知道它正在解决什么问题(我想当我添加对触摸设备的支持时)。为什么注释掉编译的库也解决了这个问题仍然是个谜，可能与 hammer js

谢谢GôTô的建议