文本追加到使用jQuery

Question

結束動態文本框，我有以下輸入標籤：

<input type="text" id="title" class="title" maxlength="20> 

我需要「天」被附加到框，用戶鍵入文本的末尾。這是如何完成與jQuery？
我已經試過這樣：

$('#title').on('keyup', function() { 
this.value = this.value+' day'; 
}); 

，但沒有奏效。

Answer 1

使用jQuery追加末的文本，然後移動插入符號到所需的位置：

$('#title').on('keyup', function(e) { 
    // Ignore if backspace is pressed 
    if(e.keyCode == 46){ 
     return false; 
    } 

    // Set the value based on the current value length 
    // If it's longer than 3, "day" is already appended 
    this.value = (this.value.length<3)?this.value+="day":this.value; 

    // Move caret to the latest added character 
    var caretPos = this.value.length-3; 
    if(this.createTextRange) { 
     var range = this.createTextRange(); 
     range.move('character', caretPos); 
     range.select(); 
    } 
    else { 
     if(this.selectionStart) { 
      this.focus(); 
      this.setSelectionRange(caretPos, caretPos); 
     } 
     else 
      this.focus(); 
    } 
}); 

Live, working jsFiddle example