How to remove focus from input field in jQuery?

Question

I am setting the focus on a certain input field when loading a page using the following line:

$(\'#myInputID\').focus();

Is there a way th

Answer 1

Use .blur().

The blur event is sent to an element when it loses focus. Originally, this event was only applicable to form elements, such as <input>. In recent browsers, the domain of the event has been extended to include all element types. An element can lose focus via keyboard commands, such as the Tab key, or by mouse clicks elsewhere on the page.

$("#myInputID").blur(); 

Answer 2

check up blur():

$('#textarea').blur()

source: http://api.jquery.com/blur/

Answer 3

If you have readonly attribute, blur by itself would not work. Contraption below should do the job.

$('#myInputID').removeAttr('readonly').trigger('blur').attr('readonly','readonly');

Answer 4

$(':text').attr("disabled", "disabled"); sets all textbox to disabled mode. You can do in another way like giving each textbox id. By doing this code weight will be more and performance issue will be there.

So better have $(':text').attr("disabled", "disabled"); approach.

Answer 5

For all textbox :

$(':text').blur()