获取contenteditable区域光标所在位置信息

Posted 2020-09-02 枫雪之意

在我们使用contenteditable编辑时，有时需要光标位置的信息。

 

<div contenteditable="true" style="min-height: 200px; width: 100%;-webkit-user-select: auto"></div>

 

<script>

   if(s.anchorNode.parentElement.localName == ‘div‘){
      actClass = s.anchorNode.className;
   }else{
      actClass = s.anchorNode.parentElement.className;
   }

</script>

 

这段js代码可以一直监听光标位置。