Range——compareBoundaryPoints（）比较选择文字和指定文字的前后位置

最新推荐文章于 2021-02-03 01:41:03 发布

qq_1913284695

最新推荐文章于 2021-02-03 01:41:03 发布

阅读量609

点赞数

分类专栏： html5基础

本文链接：https://blog.csdn.net/qq_21119773/article/details/51636833

版权

html5基础专栏收录该内容

68 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8" />  
    <title></title>  
</head>  
<body>  
	 
	“嘻嘻”，雪儿忍不住笑了，自言自语道，“<font id="red" color="red">百草闲居</font>，
	百草·······哇——”雪儿叫道，这个“哇”连拐了三个弯儿，“昨天晚上，我梦见了，梦见了和现在的一样
	的情景，我还像一只会发光的水母呢，我看见了会开桂花的梧桐树，我和哥哥的小时候，
	<input type="button" value="按钮" οnclick="onc()" id="b">
</body>   
      
      
<script>  
function onc(){
	var red=document.getElementById("red");
	var r=document.createRange();//获取页面的选择区域
	r.selectNodeContents(red.firstChild);
	var s=document.getSelection();
	if(s.rangeCount>0){
		var sr=s.getRangeAt(0);//获取页面选择区域的第一个位子
		if(sr.compareBoundaryPoints(Range.START_TO_END,r)<=0){
			alert("选择的文字在红色文字的前面");
		}else if(sr.compareBoundaryPoints(Range.END_TO_START,r)>=0){
			alert("选择的文字在红色文字的后面");
		}
	}
}
</script>  
</html>

qq_1913284695

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Range——compareBoundaryPoints（）比较选择文字和指定文字的前后位置

“嘻嘻”，雪儿忍不住笑了，自言自语道，“百草闲居，百草·······哇——”雪儿叫道，这个“哇”连拐了三个弯儿，“昨天晚上，我梦见了，梦见了和现在的一样的情景，我还像一只会发光的水母呢，我看见了会开桂花的梧桐树，我和哥哥的小时候， function onc(){ var red=document.getElementById("red");
复制链接

扫一扫

专栏目录