CLEditor - 如果达到最大长度，则失去焦点

Question

我正在尝试为CLEditor重新创建maxlength - 函数。其目标是： 如果文本输入到文本框中并且其长度超过了设置的最大长度，则文本框应该失去焦点，因此无法写入任何其他字母。

我到目前为止所取得的成就是，CLEditor能够识别文本何时比我的最大长度更长。 （）;和一些.blur（） - 方法（即$（frameDesc）.blur（）;和cledDesc。$ area.blur（）;）为了失去焦点，我尝试了一个简单的返回（即返回; 。 但那些不起作用。即使达到最大长度，我仍然可以填写文本。

请看看代码：

$("#profileForm_description").cleditor({width: 430, height: 125}); 

var cledDesc = $("#profileForm_description").cleditor()[0]; 
var frameDesc = cledDesc.$frame[0].contentWindow.document; 

$(frameDesc).bind('keypress change', function(){ 

    var text = textWithoutHTML(cledDesc.$area.val()); 

    if(text.length >= 650){ 
     console.log("Longer than MaxLength"); 
     //lose focus 

    }else{ 
     //Do something 
    } 
}); 

任何帮助和提示，将不胜感激:)

Answer 1

解决了这一之一。这非常棘手。解决方案（对我来说）是：

使用keydown而不是keypress - event。

所以，如果我想在我的文本框中放入一些文本并且达到了maxlength，我就不能继续写下去了。但为了能够删除一些文本，我需要除Backspace-key之外的其他内容。所以我已经进行了检查，如果按下的键是退格键。

这是代码看起来像现在：

$("#profileForm_description").cleditor({width: 430, height: 125}); 

var cledDesc = $("#profileForm_description").cleditor()[0]; 
var frameDesc = cledDesc.$frame[0].contentWindow.document; 

$(frameDesc).bind('keydown change', function(event){ 

    var text = textWithoutHTML(cledDesc.$area.val()); 

    if(text.length >= 650 && event.which != 8){ 
     console.log("Longer than MaxLength"); 
     //lose focus/stop writing 
     return false; 
    }else{ 
     //Do something 
    } 
}); 

Answer 2

我添加一些代码，使其工作。

1. 我赶上连“CANC”键（等）
2. 检查前我更新textarea的文本的长度，它看起来像CLEditor有一个内部缓存和I删除后有一个奇怪的行为，重新输入文字。

这是工作完美的我：

var cledDesc = $("#oodsummary").cleditor()[0]; 
var frameDesc = cledDesc.$frame[0].contentWindow.document; 
var limit = 10; 
$(frameDesc).bind('keydown', function(event){ 
    cledDesc.updateTextArea(); 

    var text = cledDesc.$area.val(); 

    if(text.length >= limit && 
     event.which != 8 && // back 
     event.which != 46 && // canc 
     event.which != 37 && // left 
     event.which != 38 && // up 
     event.which != 39 && // right 
     event.which != 16 && // shift 
     event.which != 20 && // caps lock 
     event.which != 91 && // os special 
     event.which != 18 // alt 
     ) { 
     alert("Il testo inserito risulta essere troppo lungo."); 
     cledDesc.$area.val(text.substr(0, limit)).blur(); 
     return false; 
    }else{ 
     cledDesc.updateTextArea(); 
     return true; 
    } 
});