管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

document.selection.createRange方法与实例

　　配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　这个不错

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　实例三：选中Input中的文本

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20test2()%20%0D%0A%7B%20%0D%0Avar%20t%3Ddocument.getElementById(%22test%22)%20%0D%0Avar%20o%3Dt.createTextRange()%20%0D%0Aalert(o.text)%20%0D%0Ao.moveStart(%22character%22%2C2)%20%0D%0Aalert(o.text)%20%0D%0Ao.select()%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"> 
<input type='text' id='test' name='test'><input type=button onclick='test2()' value='test' name='test3'> 
对textarea中的内容，进行选中后，加效果 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20bold()%7B%20%0D%0AQr%3Ddocument.selection.createRange().text%3B%20%0D%0Aif(!Qr%20%7C%7C%20document.selection.createRange().parentElement().name!%3D'description')%20%0D%0A%7B%20%0D%0Atxt%3Dprompt('Text%20to%20be%20made%20BOLD.'%2C'')%3B%20%0D%0Aif(txt!%3Dnull%20%26%26%20txt!%3D'')%20document.form1.description.value%2B%3D''%2Btxt%2B''%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Adocument.selection.createRange().text%3D''%2Bdocument.selection.createRange().text%2B''%3B%20%0D%0Adocument.selection.empty()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
<input type="button" value="加粗" onclick="bold();" /> 
<textarea name="description" style="width: 436px; height: 296px">选中我，点击加粗</textarea>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　实例四：javascript捕获到选中的网页中的纯文本内容

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程