vue 中为选中字段绑定超链接,实现页面跳转

几个知识点总结一下:
1,window.getSelection():获取选中的字段,返回的是一个Selection对象,可以通过连 接字符串或者String.toString()转为字符串。同 document.getSelection()
2,Selection.getRangeAt(0):返回一个包含当前选区内容的区域对象。
3,Range.deleteContents():移除当前选取内容区域对象里面的内容,即Range内容。
4,子元素会继承父元素的属性,所以在子元素上,要设contenteditable为false,保证绑定了超链接的字段不会被编辑。

代码如下:






你可能感兴趣的:(随记)