js获取选中文本
作者:程序员11 时间:2022-11-26 人气:361 QQ交流群\邮箱:1003265987@qq.com
js获取选中文本
要展示的内容
1、非IE浏览器获取选中文本:
document.getSelection().toString()
如果想获取选中部分的html代码,由于getSelection()方法返回的是一个Range对象,就需要用到Range对象的cloneContents方法,cloneContents方法把Range对象的内容复制到一个DocumentFragment对象中,我们需要创建一个dom元素,然后将该DocumentFragment对象添加到创建的dom元素中,通过获取它的innerHTML来获取选择部分的html代码:
window.addEventListener('mouseup', function (e) { let result = window.getSelection().toString() console.log(result); let doc = document.getSelection().getRangeAt(0).cloneContents(); let text = document.getSelection().toString(); let node = document.createElement("p"); node.appendChild(doc); console.log(node.innerHTML,text); })
2、IE浏览器获取选中文本
document.selection.createRange().text
获取html元素格式:
document.selection.createRange().htmlText
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
- 上一篇:获取鼠标选中的文本
- 下一篇:将整个网站页面变成灰色(黑白色)
HTML5-热门文章
活跃用户












