将event对象传递给您的函数并e.preventDefault()在达到最大值时调用如何？

var content_id = 'editable_div';  

max = 10;

//binding keyup/down events on the contenteditable div
$('#'+content_id).keyup(function(e){ check_charcount(content_id, max, e); });
$('#'+content_id).keydown(function(e){ check_charcount(content_id, max, e); });

function check_charcount(content_id, max, e)
{   
    if(e.which != 8 && $('#'+content_id).text().length > max)
    {
       // $('#'+content_id).text($('#'+content_id).text().substring(0, max));
       e.preventDefault();
    }
}

虽然，您可能需要做更多的事情来允许用户执行诸如“删除”之类的操作。

编辑：

添加了对“删除”键的支持。

编辑2：

此外，您可能可以摆脱keyup处理程序。keydown应该够了。

实现此目的的简单方法：

<div onkeypress="return (this.innerText.length <= 256)" contenteditable="true">

首先，这种事情对用户来说是令人恼火的：我建议改为做一些类似于 StackOverflow 的评论字段的事情，它允许你输入任意多或任意少，显示一条消息告诉你你输入了多少个字符无论是多还是少，都不让你提交长度无效的评论。

其次，如果你真的必须限制文本的长度，<div>如果内容太长，则每次击键都替换整个内容会不必要地昂贵，并且会使编辑器在较慢的机器上无响应。我建议处理keypress事件并简单地防止在事件中插入字符preventDefault()（或在 IE 中，将事件设置returnValue为true，假设您正在使用attachEvent）。这不会阻止用户粘贴文本，因此您需要处理paste事件（在 Opera 或 Firefox < 3 中不存在，因此您需要某种基于轮询的解决方案）。由于您将无法提前访问正在粘贴的内容，您将无法知道粘贴是否会超过字符数限制，因此您需要设置一个计时器来再次检查长度粘贴后。既然如此，第一个选项似乎对我来说更可取。

这是执行这种最概括形式的最佳方法，对我来说非常有用！

<div contenteditable="true" name="choice1" class="textfield" max="255"></div>

    $('.textfield').on("keypress paste", function (e) {
        if (this.innerHTML.length >= this.getAttribute("max")) {
            e.preventDefault();
            return false;
        }
    });

这就是我通过 jQuery 绑定实现的方式，只需将属性 data-input-length 添加到内容可编辑元素，这对我来说很容易。只需在文档中的任何位置添加 javascript 代码即可。

$(document).ready(function(){
	// Excempt keys(arrows, del, backspace, home, end);
	var excempt = [37,38,39,40,46,8,36,35];
	// Loop through every editiable thing
	$("[contenteditable='true']").each(function(index,elem) {
	    var $elem = $(elem);
	    // Check for a property called data-input-length="value" (<div contenteditiable="true" data-input-length="100">)
	    var length = $elem.data('input-length');
	    // Validation of value
	    if(!isNaN(length)) {
	    	// Register keydown handler
	        $elem.on('keydown',function(evt){
	        	// If the key isn't excempt AND the text is longer than length stop the action.
	            if(excempt.indexOf(evt.which) === -1 && $elem.text().length > length) {
	               evt.preventDefault();
	               return false;
	            }
	        });
	    }
	});
});

div {
  background-color:#eee;
  border: 1px solid black;
  margin:5px;
  width:300px;
  height:100px;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div contenteditable="true" data-input-length="100">
You can type a 100 characters here
</div>
<div contenteditable="true" data-input-length="150">
You can type a 150 characters here
</div>
<div contenteditable="true" data-input-length="10">
You can type a 10 characters here
</div>