Set focus on textfield when un-focused

Question

I want a text field to always be focused. When they click out of the textfield, I want the focus to go back into the textfield.

How would I accomplish this with jquery?

$('input').focus();

$('input').**unfocused?**( function($) { $('input').focus();} );

Answer 1

您正在寻找blur事件 ：

$(':text').blur(function() { this.focus(); });

Answer 2

The following code is an alternative solution which depends on periodically checking the control's state.

var controlFocus=false;
$("#txtName").focus(function(){
    $(this).addClass("focused"); 
    if(!controlFocus) {
        controlFocus = true;
        setInterval(function(){ 
            var o = $("#txtName");
            if(!o.hasClass("focused")) o.focus();
        }), 200);
    }
}).blur(function(){$(this).removeClass("focused");});

After the textbox (named txtName) gets its first focus, every 0.2 second, the code controls whether the textbox has focus. If it doesn't, it's focused. But this can be a really annoying thing.

Answer 3

Bind to get the change event, and check if focus must be forced to this input if so, insert some data in the document. $(document).data('_force_focus', e.target)

$('input.force').bind('change', function(e) {
        if( need_force_focus() ) {
                $(document).data('_force_focus', e.target);
        } else {
                $(document).removeData('_force_focus');
        }
   });

Now on the document bind to the focusin event, testing if document have the “_force_focus” data. If so set the focus to the value. It's important prevent the focusin retrigger by testing against e.target

$(document).bind('focusin', function (e) {
     var t = $.data(document, '_force_focus');
             if( t && e.target !== t ) {
                     $(t).trigger('focus');
                     return false;
             }
             return true;
     });