Question

$("#inputField").focus()

when the cursor focuses on the texbox i want to do one space, so it moves to the right a little further!! if you know what i mean thanks

function insertParamIntoField(anchor, param, field) {
       var query = anchor.search.substring(1, anchor.search.length).split('&');

       for(var i = 0, kv; i < query.length; i++) {
          kv = query[i].split('=', 2);
          if (kv[0] == param) {
             field.value = kv[1];
             return;
          }
       }
    }


$(function () {
    $("a.reply").click(function (e) {
       console.log("clicked");
       insertParamIntoField(this, "replyto", $("#inputField")[0]);

     $("#inputField").focus()







       e.preventDefault();
       return false; // prevent default action
    });
});

Answer 1

Attach an event handler for the focus event that sets a space if the input is empty:

$("#inputField").focus(function() {
    if($(this).val() == "") {
        $(this).val(' ');
    }
});

Or do you want to add a space every time the box is focused? Then the body of the callback function just needs to be:

$(this).val($(this).val() + ' ');

Update:

Ah I see, well the easiest way would be (forget about attaching an event handler for focus):

$("a.reply").click(function (e) {
       console.log("clicked");
       insertParamIntoField(this, "replyto", $("#inputField")[0]);

       $("#inputField").val($("#inputField").val() + ' ');

       //...
}

But you should make sure that clicking the link twice does not result in adding the name twice!