document.selection

最新推荐文章于 2020-07-06 16:38:45 发布

ahstunwy

最新推荐文章于 2020-07-06 16:38:45 发布

阅读量733

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/ahstunwy/article/details/69791776

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、document.selection 介绍

document.selection 表示当前网页中的选中内容。

方法有：

    clear　清除选中的内容
    empty　取消选中
    createRange　返回 TextRange 或 ControlRange 对象
    createRangeCollection 不支持

属性有：

    type　选中内容的类型
    typeDetail 不支持

二、document.selection.createRange()详细介绍

     document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回ControlRange 对象。

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

例子：
Html代码收藏代码

[html]view plaincopy 
   
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
     <html xmlns="http://www.w3.org/1999/xhtml" >    
     <head>    
         <title>document.selection 的 createRange</title>    
     </head>    
     <body>    
         
       <div>请选中这里的部分文字。</div>    
       <div><input type="button" value="加粗" onclick="javascript:Bold();" /></div>    
     <script type="text/javascript" language="javascript">    
     <!--    
     function Bold()    
     {    
         var r = document.selection.createRange();    
         r.execCommand("Bold");    
     }    
     -->    
     </script>    
         
     </body>    
     </html>    

ahstunwy

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
document.selection

一、document.selection 介绍 document.selection 表示当前网页中的选中内容。方法有： clear　清除选中的内容 empty　取消选中 createRange　返回 TextRange 或 ControlRange 对象 createRangeCollection 不支持属性有：
复制链接

扫一扫