前端|Selection对象

【前端|Selection对象】Selection对象:表示用户选择的文本范围或插入符号的当前位置,它代表页面中的文本选取,可能横跨多个元素。
文本选取:由用户拖拽鼠标经过文字而产生,(称为拖蓝)如下图:
前端|Selection对象
文章图片

光标位置:用鼠标选择文本时,当你按下鼠标的位置就是anchor(锚点),松开鼠标的位置就是focus(焦点)。

var selectObj = window.getSelection(); // 获取Selection对象 window.alert(slectObj); //这里会自动调用Selection.toString()方法,返回选中区域中的纯文本 var range = selectObj.getRangeAt(0); // 获取Range对象

    推荐阅读