JS获取选中内容，以及选中内容所在段落（内容标注）

最新推荐文章于 2023-11-16 23:03:34 发布

魑魅魍魉9527

最新推荐文章于 2023-11-16 23:03:34 发布

阅读量1.6k

点赞数

分类专栏： javaScripy 文章标签： JavaScript Selection DOM Range 事件处理

本文链接：https://blog.csdn.net/qq_28934205/article/details/124197559

版权

javaScripy 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function foo() {

    let selObj = window.getSelection();
	var range = selObj.getRangeAt(0);
  console.log(selObj) 
	console.log(range) 
	console.log(selObj.toString()) 
	console.log(range.startContainer.data)
    console.log(range.startContainer.parentNode)
	  alert(selObj.toString());
}
</script>
</head>
<body>
<p>选择我这边内容111</p>
	<p>选择我这边内容222</p>
	<p>选择我这边内容333</p>
<input type="button" value="选中上面内容后点我" onclick="foo()" />

</body>
</html>