javascript - 为什么 $ ('#file-input' ).click() 在浏览器控制台中调用时不打开文件输入对话框？

Question

我找到了这个 fiddle :http://jsfiddle.net/QVAC7/这帮助我打开文件输入对话框。这个想法很简单:

HTML:

<button id="id">Open</button>
<input id="yourinputname" type="file" name="yourinputname" style="display: none;" />

JS:

$('#id').on('click', function() {
    $('#yourinputname').trigger('click');
});

代码工作正常，当我点击按钮时，会出现一个对话框。

但奇怪的是，当我在 Chrome 控制台输入相同的命令时，对话框并没有出现。

$('#yourinputname').trigger('click');

有什么原因吗？

Answer 1

如果您正在使用控制台尝试在 JSFiddle 中查找与 $('#yourinputname') 关联的 jQuery 对象，您将找不到它，因为 JSFiddle 的“结果”部分位于 iFrame 内，它在 JSFiddle 应用程序范围之外的辅助文档中包含此代码的“结果”。

除非您从这个 Fiddle 中获取重要代码，将其插入某个页面并自行运行，否则您将无法以这种方式从控制台运行代码。