您的位置：首页 > 其它

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

2016-06-11 16:02 459 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

“嘻嘻”，雪儿忍不住笑了，自言自语道，“<font id="red" color="red">百草闲居</font>，
百草·······哇——”雪儿叫道，这个“哇”连拐了三个弯儿，“昨天晚上，我梦见了，梦见了和现在的一样
的情景，我还像一只会发光的水母呢，我看见了会开桂花的梧桐树，我和哥哥的小时候，
<input type="button" value="按钮" onclick="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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航