Focus in the text box

Question

I need to focus in the text box when it is focused.

I am trying to set focus for an external div and its work in IE, but not in mozilla.

How to do it?

This is my current code:

<div id="outer"> <input type = "textbox" /></div> Onfocus: document.getElementById("outer").focus()

Answer 1

I tried all the answers and did not work in all browsers. And I combined them together.

• TextBox.readonly = true;

OnFocus:

2. var curText = TextBox.value; TextBox.value = ""; TextBox.value = curText;

3. TextBox.blur();

4. TextBox_Parent.focus()

And its performance in all browsers

Answer 2

I wonder what is the point of using a text field in this case, if the user cannot write anything inside. Just add the attribute disabled="disabled"or readonly="readonly"(in case you want to publish this value).

Answer 3

HTML:

<input type="text" onfocus="this.blur();" />

JS:

document.getElementById("input1").onfocus = function () { this.blur(); }

, .

Answer 4

? JS ( ):

$('#textbox').focusin(function() {
   $(this).focusout();
});

Answer 5

/*for textarea*/
$(document).ready(function() {
$('textarea[type="text"]').addClass("idleField");
$('textarea[type="text"]').focus(function() {
    $(this).removeClass("idleField").addClass("focusField");
    if (this.value == this.defaultValue){
        this.value = '';
    }
    if(this.value != this.defaultValue){
        this.select();
    }
});
$('textarea[type="text"]').blur(function() {
    $(this).removeClass("focusField").addClass("idleField");
    if ($.trim(this.value == '')){
        this.value = (this.defaultValue ? this.defaultValue : '');
    }
});

});

that I used in my form.