Javascript 单击时，输入字段未聚焦

我在一个div中有一个

字段，这给我带来了麻烦

它位于一个div内，位置为

绝对值

。当我点击它时，它不会获得焦点，因此我无法在里面键入内容。
输入字段的其他部分工作正常：光标在其上时变为文本符号，我可以使用鼠标右键单击或

选项卡

键对其进行对焦，当它获得对焦时，我可以正常键入

我甚至在单击时将控制台日志绑定到它，只是为了确保所单击的元素正确。日志确实发生了，但它仍然没有得到点击的焦点

有人知道这里会发生什么吗

编辑：添加了我的代码的更多部分，很抱歉以前有这么少的代码。
这是我的密码：

//使窗体出现在UI另一部分的链接
jQuery（#link”）.on（“单击”，函数（）{
jQuery（“.form”）.show（）
})
jQuery（“关闭按钮”）。在（“单击”，函数（）上{
jQuery（“.form”）.hide（）
})
//这是为了测试点击是否发生，
//不管有没有这个，它都不起作用
jQuery（“输入字段”）。在（“单击”上，函数（e）{
console.log（“单击”）
console.log（e.target）//这将返回“input field”元素
})

.form{
背景色：#EAE8E8；
位置：绝对位置；
宽度：99%；
右：0；
z指数：100；
底部：0；
显示：无；
边框：1px实心；
}
#关闭按钮{
浮动：对；
光标：指针；
}
/*输入字段还没有任何由代码定义的CSS*/

单击以显示表单

您可以添加

.focus（）

以自动聚焦所需的输入。以下是您的示例：

jQuery（#link”）。在（“单击”，函数（）{
jQuery（“.form”）.show（）
//添加到自动聚焦您的输入
jQuery（“#输入字段”）.focus（）；
})
jQuery（“关闭按钮”）。在（“单击”，函数（）上{
jQuery（“.form”）.hide（）
})

.form{
背景色：#EAE8E8；
位置：绝对位置；
宽度：99%；
右：0；
z指数：100；
底部：0；
显示：无；
边框：1px实心；
}
#关闭按钮{
浮动：对；
光标：指针；
}

单击以显示表单

此html结构似乎工作正常。有JS在那里运行吗？请分享你的全部代码-你标记了这个问题，所以一定有一些JavaScript干扰了上面的内容，因为它会正常工作。你需要发布所有相关的代码（HTML、CSS、JavaScript）。根据您所说和所展示的内容，您的问题是不可复制的。您是否在DIV上附加了单击处理程序？这可能会覆盖对输入的点击。我添加了在UI中使用的JS代码，更多的HTML和CSS