jquery - 用大值限制 div 中的字符数(防止粘贴)

Question

我不知道如何设置 div 中的最大字符数也适用于粘贴操作。

我写的这个有效，但如果我粘贴一些东西，如果字符数达到限制，它也会显示。

<div id="faketxt" contentEditable=true data-text="Write Here"  onkeypress="return (this.innerText.length <= 19200)"></div>

如何防止粘贴操作？

同样重要的是，字符的限制必须是 19200。一些带有 javascript 的代码不适用于大值。

Answer 1

由于事件是“onkeypress”，复制粘贴选项是一种绕过。幸运的是 - 有一个 paste 事件，所以只需将一个函数绑定(bind)到该事件，根据您的要求检查粘贴内容的长度是否合法。 像这样:

$("#faketxt").bind("paste", function(e){
    var pastedData = e.originalEvent.clipboardData.getData('text');
    if(pastedData.length > 19200) return false;
    if(pastedData.length + $(this).text().length > 19200) return false;
    return true;
} );

JSFIDDLE