两个文本框一个字符数有限其他文本框剩余的

Question

我想创建两个文本框，如果有人写了一些文本 前50个字符应该在第一个文本框中 接下来输入的内容应该去 下一个文本框

jQuery中或Javascript

的代码看起来是这样的

VAR的content_id = 'editable_div';
max = 50;

//binding keyup/down events on the contenteditable div 
$('#'+content_id).keyup(function(e){ check_charcount(content_id, max, e); }); 
$('#'+content_id).keydown(function(e){ check_charcount(content_id, max, e); }); 

function check_charcount(content_id, max, e) 
{ 
    if(e.which != 50 && $('#'+content_id).text().length > max) 
    { 
     //the remaining part focusing the mouse on to the next div let the id of the next editable div be next 

     e.preventDefault(); 
    } 
} 

Answer 1

我认为用户打字。 http://jsfiddle.net/sechou/fwU8D/

$("textarea:eq(0)").keyup(function(){ 
    if($(this).val().length>=10){ //for test: 10 
      var str =$(this).val(); 
      var length = str.length; 
      $("textarea:eq(0)").val(str.slice(0,10)); 
      $("textarea:eq(1)").val($("textarea:eq(1)").val()  
            +str.slice(10,length)); 

    } 
}); 
$("textarea:eq(0)").keydown(function(){ 
    if($(this).val().length>=10){//for test: 10    
      var str =$(this).val(); 
      var length = str.length; 
      $("textarea:eq(0)").val(str.slice(0,10)); 
      $("textarea:eq(1)").val($("textarea:eq(1)").val()  
            +str.slice(10,length)); 

    } 
}); 
$("textarea:eq(0)").change(function(){ 
    if($(this).val().length>=10){//for test: 10 
      var str =$(this).val(); 
      var length = str.length; 
      $("textarea:eq(0)").val(str.slice(0,10)); 
      $("textarea:eq(1)").val(str.slice(10,length)); 
      $(this).attr("readonly","readonly"); 
    } 
}); 

HTML

<textarea id="first"></textarea> 
<textarea id="second"></textarea>