javascript - 当所有表单具有相同的名称和 id 时选择焦点字段的表单

Question

一个网页有多个具有相同ID的表单（id = abc）；当访问者专注于其中一种形式时，我想做一些事情。我试图关注表单的第一个字段，如下所示，但由于字段的 ID 和名称具有相同的名称和 id，因此它仅在第一个表单的字段被聚焦时才有效。如何让 jquery 或 javascript 知道用户在哪个表单上？我可以做 jQuery("#field1").focus(function() { alert("test"); }); 但同样只有当我专注于第一种形式时它才会起作用。我希望能够在他们关注的任何形式上做到这一点。

Answer 1

请注意，HTML 文档中不能有多个项目具有相同的 ID，因此名称为 ID！

为了捕获任何聚焦输入的形式，您可以使用如下内容：

var form = $(':focus').parent("form");

然后，您可以将事件附加到form变量，它将代表当前聚焦的表单。

Answer 2

只需选择当前关注的元素并找到其父窗体：

var $focusedform = $(':focus').parent("form");

$focusedform 将引用当前具有焦点元素的表单