jquery - jQuery设置内容可编辑元素的最大字符

我想使用jquery为我的div设置最大字符数。另外，我想显示还剩下多少个字符，并希望有一种适用于复制/粘贴和删除内容的解决方案。

在下面查看我目前拥有的HTML。它确实将字符限制为10个，但在div中复制/粘贴或添加图钉内容时不起作用。最好的解决方案是什么？谢谢

    <html>
    <head>
    <script>
    jQuery(document).ready(function($) {
    $('div').on('keydown', function(event) {
      if($(this).text().length === 10 && event.keyCode != 8) {
        event.preventDefault();
      }
    });
    });
    </script>
    <style>
    div{
        height: 100px;
        width: 300px;
        border: 1px solid grey;
        outline: 0;
    }
    </style>
    </head>
    <body>
     <span id="remaining"></span>
    <div contenteditable="true"></div>
    </body>
    </html>

jQuery设置内容可编辑元素的最大字符

0 个答案: