计算插入标记处于打开状态的contenteditable div行的字符数

Question

我有一个contentEditable div。我想获取我的插入符号将处于活动状态的行的字符数，并将其实时输出到textarea上.jquery的新手，所以我根本不知道如何这样做。您能帮我弄清楚如何实现吗？

<div class="article"  contentEditable=true ></div>
<textarea id="output"></textArea>

Answer 1

尝试一下，您就完成了...

$('.article').on("DOMSubtreeModified",function(){
  var len = $('.article').text().length;
  $('#output').val(len);
});

.article {
  width:200px;
  height:100px;
  background:#EEE;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="article"  contentEditable=true ></div>
<textarea id="output"></textArea>