我想使用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>