document.selection window.getSelection()

Posted 轻轻走_14

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了document.selection window.getSelection()相关的知识,希望对你有一定的参考价值。

IE9以下支持:document.selection    
IE9、Firefox、Safari、Chrome和Opera支持:window.getSelection()

 

屏幕取词

function getWord(){
    var word = window.getSelection?window.getSelection():document.selection.createRange().text;
    alert( word )   
}
document.body.addEventListener("click", getWord, false);
1

 

. 移除选中的内容

function removeWord(){
    window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
}
document.body.addEventListener("click", removeWord, false);

 

小实例http://www.jb51.net/article/2835.htm

 

http://www.jb51.net/article/23421.htm

<body> 
  <p> </p> 
  <p> 
    <textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框,对话框的信息就是你选中的文字 
哪位老大能解决的呀?请多多帮忙!!!谢谢 
</textarea> 
  </p> 
  <p> 
    <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)"> 
     
</p> 
  <p> 
    <textarea name="textfield" cols="50" rows="6" onselect="alert(document.selection.createRange().text)">就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框,对话框的信息就是你选中的文字 
哪位老大能解决的呀?请多多帮忙!!!谢谢 
    </textarea> 
  </p> 

</body>

 

以上是关于document.selection window.getSelection()的主要内容,如果未能解决你的问题,请参考以下文章

window.getSelection和document.selection getSelection

document.selection window.getSelection()

IE 的 document.selection.createRange 不包括前导或尾随空行

document.selection.type.toLowerCase()=="none"是啥意思

求js大神帮忙如在一个网页中兼容document.selection.createRange().text 和 window.getSelection();

屏幕取词: window.getSelection和document.selection