jQuery 2.1 |觸發功能在textarea的

Question

延遲後，我用它來觸發一次打字暫停在一個textarea啓動功能：

var keyTimer; 

$("#TEXTAREA").on('keyup mouseup', function(){ 

if (keyTimer) { 
clearTimeout(keyTimer); 
} 
keyTimer = setTimeout(function() { 
doFunction(); // Not working, triggers only once (on focus). 
}, 500); 

}); 

doFunction（）只在第一KEYUP暫停（焦點）觸發。該功能必須在每次暫停（500）時觸發。現在我需要模糊TEXTAREA，然後重新集中它來重新激活對我無用的doFunction（）。任何解決方案非常感謝

UPDATE：

更新代碼：

var keyTimer; 

$("#TEXAREA").on('keyup mouseup', function(){ 

if (keyTimer) { 
clearTimeout(keyTimer); 
} 
keyTimer = setTimeout(function() { 
doFunction(); // Formulates a string 
$("#TEXAREA").trigger('change'); 
}, 500); 

}).on('change', function(){ 

alert('test'); // This triggers at every keyup/mouseup delay (500) 

// This section of code must work after delay (500), but it doesn't, 
// it only works on Textarea blur, which is not what I want: 

var txtarea = $(this); 
var livecount = $("#myValue").val(); // Comes from doFunction() 
if (livecount.length > 2800) { 
txtarea.css('color','#C00'); // Change text color of textarea 
} else if (livecount.length <= 2800) { 
txtarea.css('color','#000'); // Change text color of textarea 
} 

}); 

Answer 1

更新 - FINAL

好，我知道它的工作最後：

var keyTimer; 

$("#TEXTAREA").on('keyup mouseup', function(){ 

$(this).change(); // Need this to update keyboard character input 

}).on('change', function(){ 

if (keyTimer) { 
clearTimeout(keyTimer); 
} 

keyTimer = setTimeout(function() { 

doFunction(); // Formulates a string 

}, 200); // Delay before doFunction() so it won't slow down keyboard input 

var livecount = $("#myValue"); // String value from doFunction() 
if (livecount.val().length > 2800) { 
$(this).css('color','red'); // Change textarea text color to red for overlimit 
} else if (livecount.val().length <= 2800) { 
$(this).css('color','black'); // Change textarea text color to black for within limit 
} 

}); 

這是一個漫長的一天;-)

Answer 2

它看起來像只覺得在你的代碼，缺少的是您正在使用的doFunction選擇。您正在使用#myValue，但實際上正在查找#TEXTAREA內部的值。這是我jsfiddle

function doFunction(){ 
    console.log('not a test') 
} 

var keyTimer; 

$("#TEXAREA").on('keyup mouseup', function(){ 

    if (keyTimer) { 
     clearTimeout(keyTimer); 
    } 

    keyTimer = setTimeout(function() { 
     doFunction(); // Formulates a string 
     $("#TEXAREA").trigger('change'); 
    }, 1000); 

    }).on('change', function(){ 

    console.log('test'); // This triggers at every keyup/mouseup delay (500) 

    // This section of code must work after delay (500), but it doesn't, 
    // it only works on Textarea blur, which is not what I want: 

    var txtarea = $(this); 
    var livecount = $("#TEXAREA").val(); // Comes from doFunction() 
    if (livecount.length > 2800) { 
     txtarea.css('color','#C00'); // Change text color of textarea 
    } else if (livecount.length <= 2800) { 
     txtarea.css('color','#f00'); // Change text color of textarea 
    } 

});