JavaScript:找到文本换行在div中发生的位置

Question

我想找出Web浏览器在给定文本中包装文本的位置div.

这是一个使用WYSIWYG编辑器的动机contenteditable.用户在那里写文本,并根据可编辑字段的宽度,字体和其他因素,它包装在某些位置.我想知道这些发生在哪里.

我只能想到非常讨厌的解决方案(例如,span在每个角色周围插入一个,在这些跨度上循环,获取它们的offsetTop属性,并在它发生变化时做出注释).这样做有更好/更标准的方法吗？

Answer 1

document.getElementById("body").onchange = function() {myFunction()};

      function myFunction() {
            //Your eval script to log where changes took place
      }

或者

document.getElementById('body').addEventListener('change', myFunction());