`
- 浏览:
265228 次
- 性别:
- 来自:
上海
-
createTextRange和createRange
- 一、返回createTextRange的text和htmlText
-
-
<script language="javascript">
-
function test()
- {
-
var rng=document.body.createTextRange();
- alert(rng.text)
- }
-
function test1()
- {
-
var rng=document.body.createTextRange();
- alert(rng.htmlText)
- }
- </script>
-
<input type="button" onclick="test()" value="text">
-
<input type="button" onclick="test1()" value="htmlText">
-
-
- 二、获取指定文本框中的选中的文字:只响应第一个文本框
-
-
<input id="inp1" type="text" value="1234567890">
-
<input id="inp2" type="text" value="9876543210">
-
<input type="button" onclick="test()" value="确定">
-
<script language="javascript">
-
function test()
- {
-
var o=document.getElementById("inp1")
-
var r = document.selection.createRange();
-
if(o.createTextRange().inRange(r))
- alert(r.text);
- }
- </script>
-
-
- 三、页面文本倒序查找
-
- abababababababa
-
<input value="倒序查找a" onclick=myfindtext("a") type="button">
-
<script language ='javascript'>
-
var rng = document.body.createTextRange();
-
function myfindtext(text)
- {
-
rng.collapse(false);
-
if(rng.findText(text,-1,1))
- {
- rng.select();
-
rng.collapse(true);
-
}else
-
{alert("end");}
- }
- </script>
-
-
- 四、聚焦控件后把光标放到最后
-
-
<script language="javascript">
-
function setFocus()
- {
-
var obj = event.srcElement;
-
var txt =obj.createTextRange();
-
txt.moveStart('character',obj.value.length);
-
txt.collapse(true);
- txt.select();
- }
- </script>
-
<input type="text" value="http://toto369.net" onfocus="setFocus()">
-
-
- 五、得到文本框内光标位置
-
-
<script language="javascript">
-
function getPos(obj){
- obj.focus();
-
var s=document.selection.createRange();
-
s.setEndPoint("StartToStart",obj.createTextRange())
- alert(s.text.length);
- }
- </script>
-
<input type="text" id="txt1" value="1234567890">
-
<input type="button" value="得到光标位置" onclick=getPos(txt1)>
-
-
- 六、控制input框内光标位置
-
-
<script language="javascript">
-
function setPos(num)
- {
- text1.focus();
-
var e =document.getElementById("text1");
-
var r =e.createTextRange();
-
r.moveStart('character',num);
-
r.collapse(true);
- r.select();
- }
- </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>
-
function sel(obj,num)
- {
-
var rng=obj.createTextRange()
-
var sel = rng.duplicate();
-
sel.moveStart("character", num);
-
sel.setEndPoint("EndToStart", rng);
- sel.select();
- }
- </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">
-
function go(n){
- demo.focus();
-
with(document.selection.createRange())
- {
-
moveStart("character",n);
- collapse();
- select();
- }
- }
- </script>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
关于createTextRange和createRange的一些用法,脚本之家增强版。
代码如下: [removed] function test() { var rng=document.body.createTextRange(); alert(rng.text) } function test1() { var rng=document.body.createTextRange(); alert(rng.htmlText) } ...
pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上 例: [removed] function addLink(){ var ...
刚和同事讨论了一个很有趣的问题,有个idea,需要记录用户在页面选中的内容,在ff和ie9下有w3c的dom2级事件createRange,这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假如我们知道用户选择...
例如:一个文本框里有一段文字...[removed] function setCaret(textObj){ if(textObj.createTextRange){ textObj.caretPos=document.selection.createRange().duplicate(); } } function insertAtCaret(textObj,
var rng=document.selection.createRange(); rng.setEndPoint(“StartToStart”,obj.createTextRange()); var eng=document.selection.createRange(); eng.setEndPoint(“EndToEnd”,obj.createTextRange()); var k
代码如下:IE下有: var range = document.createRange(); FireFox下有: var range = document.body.createTextRange(); IE下有findText及pasteHTML,但是fireFox下就没有!怎么办?查了好多资料,都没有能...
在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法,继续在msdn中仔细查阅了一下,createTextRange()返回的是一个 TextRange 对象,继续查阅 TextRange 对象,发现其有很多方法,先试了试findText...
用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示.. ... i++) { var rng = document.body.createTextRange(); while (rng.
当输入框(input/textarea)获得焦点时,将焦点移动到最后,在某些情况下用户体验很好。网上的大部分方法都是针对IE浏览器的。...其实可以将moveStart这行删除,因为createTextRange方法创建range后,利用collaps
光标在最前 代码如下:var r = obj.createTextRange(); r.collapse(); r.select(); 用这个方法可以使光标在input框最前面 3.光标在最后 代码如下:var r = obj.createTextRange(); r.collapse(false); r.select(); ...
copy.js copy by js ! 1. what's this 这是一个很简单的组件(100多行代码),用 js 实现复制文本的功能,这可能不太准确,因为如你所知,... if (body.createTextRange) { // IE range = body.createTextRange();
var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('copy')); range.select(); } else if (window.getSelection) { var range = document.createRange();
function imei_Keypress() { if (window.event.... var rtextRange = esrc.createTextRange(); rtextRange.moveStart('character', esrc.value.length); rtextRange.collapse(true); rtextRange.select(); }
var r =e.createTextRange(); r.moveStart('character',e.value.length); r.collapse(true); r.select(); } </script> <input type=text name=text1 value="123" onfocus="cc()...
获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能 关闭该功能 窗口最大化 (window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> 无关闭...
高亮显示 关键字 function HeightLight(Keyword) ... TextRange = document.body.createTextRange(); Found = TextRange.findText(Keyword); if (Found) { Count++; } while (Found && Count > 0) {
今天在做一个博客转发的功能,就像新浪微薄转播的那个功能一样,有一个textArea,就是我们发微薄的那个框,别人的微薄都有一... var txt=textArea.createTextRange(); txt.moveEnd(“character”,0-tempText.text.lengt