在Jquery中使用contenteditable处理复制/粘贴和最大长度

Question

在Jquery中，有没有一种合适的方法来处理复制/粘贴和最大长度？目前，我只使用以下代码的最大长度。但是，如果用户决定复制粘贴超过允许的最大长度的文本，该文本仍将通过。

基本上，我的目标是将字符的长度限制设置为200，如果用户决定复制粘贴内容，我也想要一个像样的方法来处理，特别是如果它超过了允许的最大长度。

$('div').keydown(function (event) {

if($(this).text().length >= 200 && event.keyCode != 8) {
      event.preventDefault();
    }

});

Answer 1

您可以添加paste事件：

$('div').on('paste', function(event) {
    // handle event
});

在MDN Web Docs上阅读更多关于它的信息。

var editable = $('div');
editable.on('paste', function(event) {
    if (editable.text().length >= 200) {
        editable.textContent = editable.text().substr(0,200); // it uses the whole content of the editable div
    }
});