Question

Given the following:

   $("#dataField").focus().autocomplete({
        minLength:5,
        cache:false,
        source:"${request.contextPath}/ajaxActions/getdata",
        select:function (event, ui) {
            populateForm(ui);
        }
    });

How could I change the focus function such that it would place the cursor at the end of the input’s current value?

Answer 1

I haven’t actually tested this, but it should more or less do what you need.

(function( )
{
    var oldFocus = $.fn.focus;
    $.fn.focus = function( arg1, arg2 )
    {
        // ======== Call Old Function
        var result = oldFocus.apply( this, arguments );

        // ======== Additional Functionality
        // Logic here to move your cursor

        return result; // -- this preserves ability to chain
    }
})( );

For actually moving the cursor, see this SO question: move cursor to the beginning of the input field?