javascript - 寻找解释 inputfile.click() 的文档

Question

我有一个名为 myfile 的 HTML5 输入文件。在同一个文件中，我在一段 JavaScript 中使用了 $("#myfile").click();。 $("#myfile").click(); 导致文件对话框出现。这按预期工作，但我想知道:

• 这是在哪里记录的(如果您发出类似 $("#myfile").click(); 的语句，应该会出现一个对话框)，以及

• 如果我将参数发送到 .click() 函数，是否有其他方法可以让对话框出现？

Answer 1

The HTMLElement.click() method simulates a mouse click on an element

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.click

HTML 5 规范声明-

element.click() Acts as if the element was clicked.

The click() method must run the following steps:

If the element is a form control that is disabled, abort these steps.

Run synthetic click activation steps on the element.

参见 click method specification

行为本身将取决于点击的元素、用户代理(浏览器)点击该元素类型的默认行为(通常什么都没有，输入类型除外)以及开发人员添加的任何自定义事件对于元素。

模拟点击事件-

var domElement = document.getElementById(elementId);

if (domElement && typeof(domElement.click) === "function")
{
    domElement.click();
}   

有关不同元素如何响应的示例(您甚至可以通过模拟点击事件来触发点击事件处理程序)，请参阅 http://jsfiddle.net/pwdst/KGgXq/举一些例子。

在回答您关于文件输入的具体观点/问题时，HTML 5 specification for the element为类型为"file"的输入元素声明“激活行为”。这包括-

Display a prompt to the user requesting that the user specify some files. If the multiple attribute is not set, there must be no more than one file selected; otherwise, any number may be selected. Files can be from the filesystem or created on the fly, e.g. a picture taken from a camera connected to the user's device.

规范指出，只有在元素未被禁用或只读时才会发生这种情况。