JQuery Dialog自动聚焦输入字段

时间:2011-09-08 07:06:06

标签: javascript jquery

我创建了一个对话框,当我通过单击按钮打开它时,对话框容器中的第一个输入字段会被聚焦。我怎么能避免它?

2 个答案:

答案 0 :(得分:1)

解决此问题的一个好方法是禁用所有表单输入:

由Id

 $('#inputId').attr("disabled", true);

按班级

$('.className').attr("disabled",true);

按表格

$('#formId input').attr("disabled",true);

然后在对话框打开调用中,您可以重新启用表单中的所有元素,如果这是您所采用的路径,则可以单独重新启用。如果您禁用所有这些功能并不重要,因为您将要重新启用它们。

$("#dialogId").dialog({
                autoOpen: false,
                width: X,
                height: Y,
                open: function(event, ui) {
                    **$('#formId input').attr("disabled",false);**
                },
                close: function(){
                    ...
                }
                            ...
            });

答案 1 :(得分:0)

您可以随时通过在此字段上调用blur()来手动删除焦点。

或者您是否需要该领域永远不会集中注意力?

修改

为了防止它的焦点,您可以添加$("firstFieldSelector").focus(function(){return false;}。打开对话框时会阻止焦点。这似乎至少在ff和chrome上有用:请参阅http://jsfiddle.net/g9GNn/1/(它使用jQueryUI示例)。