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 
    } 

});