react 简单而美好:ReactDOM 源码对选区的处理(二),这里讲通过偏移量和 document.activeElement 找到选区的目标节点和符合原生 api 的偏移量。

👉 Selection: developer.mozilla.org

👉document.activeElement:developer.mozilla.org

👉上一篇介绍了 ReactDOM 源码对选区的处理(一):juejin.im

如果已经知道了 activeElement 和偏移量的起点,就可以把选区的anchorNode 和 anchorOffset 找到;
如果已经知道了 activeElement 和偏移量的终点,就可以把选区的 focusNode 和 focusOffset 找到。

源码地址:github.com
下图就是根据root( activeElement) 和偏移量的起点(offset)或者终点(offset)找到选区开始或者结束元素和偏移量的函数。
展开
昵称可以为空于2020-09-08 01:51发布的图片
评论