文本光标，高亮选中一些出来

document.body.onmouseup=function(){

	if(window.getSelection){

		if(window.getSelection().toString()!==""){

		 alert("显示弹出框");

		 window.getSelection().removeAllRanges()//用于清除高亮选中

		}

	

	}

	else if(document.selection){

		if(document.selection.createRange().text!==""){

		 alert("显示弹出框");

		 

		 //document.selection.clear();用于清除选中内容

		 document.selection.empty()//用于清除高亮选中

		}

	

	}

};

公告：CSDN 搜索第二版正式上线！ Hadoop与大数据精彩议题发布 2000元大奖征异构开发博文
CSDN博客频道搬家功能改版正式上线！【免费】解读海外市场营销奥秘 CSDN博客频道推出TAG功能

js createRange与createTextRange的一些用法实例

2010-06-22 01:00 1061人阅读评论(0) 收藏举报

一、返回createTextRange的text和htmlText

<script language="javascript"></script>
<input type="button" onclick="test()" value="text">
<input type="button" onclick="test1()" value="htmlText">

二、获取指定文本框中的选中的文字：只响应第一个文本框

三、页面文本倒序查找

abababababababa
<input value="倒序查找a" onclick=myfindtext("a") type="button">
<script language ='javascript'></script>

四、聚焦控件后把光标放到最后

五、得到文本框内光标位置

六、控制input框内光标位置

<script language="javascript"></script>
<input type="text" id="text1" value="1234567890">
<select onchange="setPos(this.selectedIndex)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>

七、选中文本框中的一段文字

<script language=javascript></script>
<input type="text" id="text1" value="1234567890">
<select onchange="sel(text1,this.value)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>

八、控制文本框内光标的移动

<input type="button" value="<" onclick=go(-1)>
<input id="demo" value="这里是文字">
<input type="button" value=">" onclick=go(1)>
<script language="javascript"></script>
/[html]
九、取光标位置
[html]
<body>
<div id=box>点击textarea</div>
<script type="text/javascript"></script>
<textarea onclick=doit() rows="6" cols="33">sdfsdfsdfsdfsdfsdfsdf

十、用鼠标选择部分字体，选择的字体就自动粘贴在textarea中

<html>
<script>
function aa(){
newT=document.selection.createRange()
clipboardData.setData("Text",newT.text)
document.all.pp.value=clipboardData.getData("Text")
}
</script>
<span id=ww onmouseup=aa()>
测试一下这个中这你好我是skanso
</span>
<textarea name=pp></textarea>
</html>

文本光标，高亮选中一些出来

js createRange与createTextRange的一些用法实例

你可能感兴趣的:(高亮)