Javascript JQuery模态表单输入字段自动聚焦问题

Javascript JQuery模态表单输入字段自动聚焦问题,javascript,jquery,forms,firefox,focus,Javascript,Jquery,Forms,Firefox,Focus,我遇到了一个JQuery模式表单的问题,该表单中有许多标签和相应的输入字段 当我打开JQuery模式表单并向下滚动时,就会出现这个问题。当我关闭并重新打开JQuery模式表单时,表单会自动滚动,以便第一个输入字段位于表单顶部并具有键盘焦点。但是,这会切断第一个输入字段上方的标签和标题 我尝试了$(“input”).blur(),这成功地禁用了第一个输入元素上的键盘焦点,但模式窗体仍会自动滚动,以便第一个输入窗体与屏幕顶部齐平 我也尝试过在JQuery模式表单中将隐藏的输入字段置于其他所有元素之上

我遇到了一个JQuery模式表单的问题,该表单中有许多标签和相应的输入字段

当我打开JQuery模式表单并向下滚动时,就会出现这个问题。当我关闭并重新打开JQuery模式表单时,表单会自动滚动,以便第一个输入字段位于表单顶部并具有键盘焦点。但是,这会切断第一个输入字段上方的标签和标题

我尝试了$(“input”).blur(),这成功地禁用了第一个输入元素上的键盘焦点,但模式窗体仍会自动滚动,以便第一个输入窗体与屏幕顶部齐平

我也尝试过在JQuery模式表单中将隐藏的输入字段置于其他所有元素之上,但Firefox对此很聪明,仍然会滚动到第一个活动的非隐藏输入元素


以前是否有人遇到过这种情况,如果是,是否有人知道正确的解决方法?

问题已解决。我在JQuery模态对话框div本身上使用了scrollTop()方法,如下所示:

$(“对话框”).scrollTop(0)


这与自动对焦/模糊问题不同,因为Firefox的自动定位显然与其自动对焦无关。

问题已得到解决。我在JQuery模态对话框div本身上使用了scrollTop()方法,如下所示:

$(“对话框”).scrollTop(0)


这与自动对焦/模糊问题是不同的,因为Firefox的自动定位显然与其自动对焦无关。

只是在思考。。。在打开时重新加载模式的内容会有问题吗?这应该可以解决这个问题,尽管这是以服务器请求为代价的?您没有让一些javascript在任何地方执行
focus()
scrollIntoView()
吗?没有,我根本没有在代码中调用任何focus()或scrollIntoView()函数。我认为这与JQuery有关,但我不确定。我可以重新加载modal的内容,但是我在一个框架内工作,服务器请求会有很大的延迟(5-10秒,非常糟糕),所以我限制自己在页面加载时只能执行一个服务器请求。我已经解决了这个问题(见下文),尽管我对这似乎是一个框架或JQuery的怪癖感到沮丧。。。在打开时重新加载模式的内容会有问题吗?这应该可以解决这个问题,尽管这是以服务器请求为代价的?您没有让一些javascript在任何地方执行
focus()
scrollIntoView()
吗?没有,我根本没有在代码中调用任何focus()或scrollIntoView()函数。我认为这与JQuery有关,但我不确定。我可以重新加载modal的内容,但是我在一个框架内工作,服务器请求会有很大的延迟(5-10秒,非常糟糕),所以我限制自己在页面加载时只能执行一个服务器请求。我已经解决了这个问题(见下文),尽管我对这似乎是一个框架或JQuery的怪癖感到沮丧。