Unable to remove Autofocus in ui-dialog [duplicate]

问题

This question already has an answer here:

• Prevent jQuery UI dialog from setting focus to first textbox 30 answers

The first element in my jQuery UI Dialog is an input, which when selected opens a datepicker...

How can I disable this input from being selected first?

回答1:

Add the following code before you call dialog. This will clear out the autofocus code. It works for me in jquery 2.0.3.

$.ui.dialog.prototype._focusTabbable = function(){};

回答2:

Very simple, just trigger the blur event on the input elements when the dialog box opens.

$("#dialog").dialog({
    open: function(event, ui) {
        $("input").blur();
    }
});

Check it out here

Solution with datepicker

_{NOTE: For more in-depth solution to this problem, read this answer too.}

回答3:

JQuery sets the autofocus on the first input that is found.
So play it sneaky by creating a "fake" input at the first line of your dialog like that:

<input type='text' size='1' style='position:relative;top:-500px;' />

So your input will be out of the window and have the focus. Problem solved for me ;p

来源：https://stackoverflow.com/questions/9816299/unable-to-remove-autofocus-in-ui-dialog