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)找到选区开始或者结束元素和偏移量的函数。
如果已经知道了 activeElement 和偏移量的起点,就可以把选区的anchorNode 和 anchorOffset 找到;
如果已经知道了 activeElement 和偏移量的终点,就可以把选区的 focusNode 和 focusOffset 找到。
源码地址:
下图就是根据root( activeElement) 和偏移量的起点(offset)或者终点(offset)找到选区开始或者结束元素和偏移量的函数。
展开
评论
1