document.selection.createRange方法
document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。
配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。
实例一:
<textarea cols=50 rows=15>
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步,我们才能赚大钱!</textarea>
<input type=button value=选择字后点击我看看 οnclick=alert(document.selection.createRange().text)>
</form>
实例二:
<body>
<textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框,对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>
<input type="button" value="showSelection" οnclick="alert(document.selection.createRange().text)">
<input type="button" value="showclear" οnclick="alert(document.selection.clear().text)">
<input type="button" value="showtype" οnclick="alert(document.selection.type)">
<textarea name="textfield" cols="50" rows="6" οnselect="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 οnclick='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="加粗" οnclick="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 οnmοuseup="getSel()"> <form> <textarea name="selectedtext" rows="5" cols="50"></textarea> </form> 以上的代码可以捕获到选中的网页中的纯文本内容(不含HTML标签) 如果想获得包含html的内容,将document.selection.createRange().text改成document.selection.createRange().htmlText </body> </html> |
document.selection.createRange方法相关推荐
- DHTML之-----document.selection 的 createRange
一.document.selection 介绍 document.selection 表示当前网页中的选中内容. 方法有: clear 清除选中的内容 empty 取消选中 createRange 返 ...
- JS的Document属性和方法
document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) doc ...
- 关于document.selection和TextRange对象的介绍
document.selection只有IE支持 window.getSelection()也只有FireFox和Safari支持,都不是标准语法. selection 对象代表了当前激活选中区,即高 ...
- document.selection
简介 selection是对当前激活选中区(即高亮文本)进行操作. 在非IE浏览器(Firefox.Safari.Chrome.Opera)下可以使用window.getSelection()获得se ...
- document的createElement方法创建具有指定标签的DOM对象
可以使用document的createElement方法创建具有指定标签的DOM对象,然后通过调用元素的appentChild的方法将新创建的元素添加到相对应的元素下 <script type= ...
- ie8不兼容java项目_[Java教程]ie8以下不兼容document.getElementsByName解决方法
[Java教程]ie8以下不兼容document.getElementsByName解决方法 0 2016-09-13 19:00:06 在IE8以认为只有文本标签才有name属性的,一些元素标签用d ...
- docx_demos(创建文档类Document及属性方法, 创建段落文本类Paragraph及段落格式设置, 创建字体设置类Run及属性等)
""" docx_demos.py(创建文档类Document及属性方法, 创建段落文本类Paragraph及段落格式设置, 创建字体设置类Run及属性等)使用:一.创建 ...
- JavaScript核心之Document对象详解(document属性,方法)
目录 1 Document节点概述 2 document节点的属性 2.1 doctype,documentElement,defaultView,body,head,activeElement 2. ...
- IE、FireFox、Opera三种浏览器Document对象的方法对比
IE FF Opera activeElement activeElement activeElement addBinding addEventListener adoptNode adoptNod ...
最新文章
- Science子刊带来新遗传证据:早期人类驯化了自己
- 西南交大计算机专硕就业怎么样,国内四所交通大学,有985也有211,就业、深造容易,值得报考...
- 【数据结构与算法】之深入解析“字符串相乘”的求解思路与算法示例
- Android Notification状态栏通知
- 如何将 kitten编程猫里的以分号分隔的长字符串转换成列表结构
- uva 11093——Just Finish it up
- 从职场新人到企业高管,她是怎么做到的?
- 提升不止一点点,Dubbo 3.0 预览版详细解读
- MicroNets:更小更快更好的MicroNet,三大CV任务都秒杀MobileNetV3
- javascript基础修炼(11)——DOM-DIFF的实现
- 帮助罕见病患者买得到药 京东健康上线“罕见病关爱中心”
- 【ClickHouse】查看数据库容量和表大小的方法(system.parts各种操作方法)
- presto cube等复杂聚合函数
- Axure RP8介绍
- CAD用直线绘制矩形
- java中cleanup的使用_java – google guava缓存invalidateAll()和cleanUp()之间的区别
- java人员的宝贝:百宝箱。
- Matlab中的图怎样插入Word效果最好
- guid和mbr格式的区别;32位和64位操作系统的区别。
- 「安全系列之CSRF」如何防范csrf攻击
热门文章
- 10.如何查看80端口是否被占用
- 【Python学习笔记(五)】csv模块的使用
- 网站被黑客攻击了该怎么处理 多年的网站安全维护经验分享
- git文件取消版本控制和撤销修改
- 基于Java+SpringBoot+vue+element疫情药品采购出入库系统设计实现
- 车站计算机的运行方式有,AFC系统包括哪些设备?
- android 如何调用系统自带的程序安装器安装程序
- (转...)图像处理与计算机视觉 基础、经典以及最近发展
- 如何查看ocp证书(hands on)的状态以及尽快督促oracle完成审核并且快速发证
- 前端岗位编写代码注意规范