#青训营笔记创作活动#
1月17日 打卡day4
今日学习
获取划词头尾位置信息,生成canvas元素
canvas设置pointerEvents:'none',就不会影响鼠标事件,document.getSelection().getRangeAt(0)的api可以获得划词头尾节点的信息,通过dfs获取获取头尾节点间的所有文字节点,这里dfs体现在找了某节点的子节点、兄弟节点,如果找不到了就原路返回且一直返回。如果range跨行了,通过二分法找到每一行最后一个文本节点拆分,通过range中的top一致不一致判断在不在最后一行,最后用数据结构存储所有节点信息
展开
评论