ddddd

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);
    })

image.png

2、IE浏览器获取选中文本

document.selection.createRange().text

获取html元素格式:

document.selection.createRange().htmlText




温馨提示:

欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。

js获取选中文本---相关文章


评论区

ddddd

程序员-学习的网站-想学习编程的码农可以进来看看

首页

视频教程

购物车

我的订单