document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。
配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。
实例一:
<textarea cols=50 rows=15>
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步,我们才能赚大钱!</textarea>
<input type=button value=选择字后点击我看看 onclick=alert(document.selection.createRange().text)>
</form>
实例二:
<body>
<textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框,对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>
<input type="button" value="showSelection" onclick="alert(document.selection.createRange().text)">
<input type="button" value="showclear" onclick="alert(document.selection.clear().text)">
<input type="button" value="showtype" onclick="alert(document.selection.type)">
<textarea name="textfield" cols="50" rows="6" onselect="alert(document.selection.createRange().text)">就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框,对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>
</body>
实例三:选中Input中的文本
<SCRIPT LANGUAGE="JavaScript">
<!-- function test2() { var t=document.getElementById("test") var o=t.createTextRange() alert(o.text) o.moveStart("character",2) alert(o.text) o.select() } //--> </SCRIPT> <input type='text' id='test' name='test'><input type=button onclick='test2()' value='test' name='test3'> 对textarea中的内容,进行选中后,加效果 <script language="JavaScript"> <!-- function bold(){ Qr=document.selection.createRange().text; if(!Qr || document.selection.createRange().parentElement().name!='description') { txt=prompt('Text to be made BOLD.',''); if(txt!=null && txt!='') document.form1.description.value+=''+txt+''; } else{ document.selection.createRange().text=''+document.selection.createRange().text+''; document.selection.empty(); } } //--> </script> <input type="button" value="加粗" onclick="bold();" /> <textarea name="description" style="width: 436px; height: 296px">选中我,点击加粗</textarea> 实例四:javascript捕获到选中的网页中的纯文本内容
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标取词</title> <script> function getSel() { var t=window.getSelection?window.getSelection():(document.getSelection?document.getSelection():(document.selection?document.selection.createRange().text:"")) document.forms[0].selectedtext.value = t; } </script></head> <body onmouseup="getSel()"> <form> <textarea name="selectedtext" rows="5" cols="50"></textarea> </form> 以上的代码可以捕获到选中的网页中的纯文本内容(不含HTML标签) 如果想获得包含html的内容,将document.selection.createRange().text改成document.selection.createRange().htmlText </body> </html>
地址: http://www.blogjava.net/hill/archive/2009/05/31/279198.html
|
相关推荐
标题中的“美文摘抄(20220227195909).rar”表明这是一个压缩文件,格式为RAR,其中包含了“美文摘抄”的内容,时间戳“20220227195909”提示文件创建于2022年2月27日的19点59分9秒。根据描述,我们可以推测这个...
美文摘抄(20220227195909).pdf
好段摘抄大全200字.doc
很抱歉,但根据您提供的文件信息,"唯美句子摘抄大全100句.docx" 是一个包含唯美句子的文档,通常这类文档并不涉及具体的IT知识点。描述中的内容主要是文学性的表达,描述了一系列富有情感色彩的场景和情绪,以及对...
【初一摘抄好词好句大全】是一个文档,主要收集了适合初一学生学习和借鉴的优美词汇和句子。这些摘抄对于提高学生的语文素养、丰富写作素材有着积极的作用。以下是对其中部分好词好句的详细解读: 1. **好词**:...
高中作文素材积累 13个精彩绝伦的作文开头+结尾段落,值得摘抄的作文素材.pdf
【名家摘抄与经典语录】展示了两位著名作家汪国真和毕淑敏的作品精华。汪国真的诗作以其深入人心的哲理和积极向上的态度鼓舞着读者。如《生活》中提到,“甩掉世俗的羁绊,没谁愿意,让一生在碌碌无为中度过”,鼓励...
【高中优秀作文】摘抄的内容主要探讨了人生的不同面向,如面对孤独、挫折与成功的意义。第一篇作文通过比喻和寓言,强调了人生并非总伴随着喝彩与赞美,真正的成长往往伴随着孤独和痛苦,而这些经历能锤炼人的精神...
根据提供的文档内容,这里主要包含了两大部分的好句摘抄,一部分是自然景色的描绘,另一部分则是富有哲理和民间智慧的短句。下面将针对这两部分分别进行详细的知识点提炼。 ### 自然景色描写 这部分通过简洁的文字...
【知识点解析】 1. **积极面对人生**:名言中的“路就在脚下,你无力改变终点,但却能决定脚踏出的方向”提醒我们要把握自己的人生方向,即使不能改变全局,也要掌控自己的步伐。 2. **生活哲学**:“身上事少自然...
《西游记》是中国古典文学的一颗璀璨明珠,以其丰富的想象力和深刻的寓言性吸引了无数读者。这部作品不仅是儿童的童话,更是成人世界的哲理书。以下是对《西游记》中的一些关键知识点的详细解析: ...
很抱歉,但根据您提供的文件信息,这似乎是一份关于文学作品《草房子》的摘抄及感悟,主要包含好词好句的选择以及对自然景色的描绘和人物情感的刻画。然而,您需要的是IT相关的专业知识点。由于给定的内容并不涉及IT...
《卓有成效的管理者》是管理学大师彼得·德鲁克的经典著作,书中提出了许多关于管理的深刻见解和实用原则。德鲁克被誉为“现代管理学之父”,他的理论不仅覆盖了管理学的广泛领域,还预见了知识经济时代的特点。...
3. 文学修辞:摘抄中的好词好句好段展示了鲁迅先生精炼而富有诗意的语言,如“明亮而不刺眼的光辉”、“圆润而不腻耳的音响”等,这些都是鲁迅独特文风的体现,他善于运用比喻、象征等手法,使文字具有深刻的内涵。...
美文摘抄600字.doc
艾青诗选摘抄20篇.doc
教师读书笔记摘抄及感悟.doc
四年级作文摘抄20篇.doc
正如标题所述,"关于理想的名言摘抄大全100句"揭示了理想对于生活的深远影响。苏格拉底曾说,世界上最快乐的事莫过于为理想而奋斗,这表明理想不仅是驱动力,更是人生价值的体现。理想使人坚定,使人有目标,使人...
摘抄人生哲理.doc