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

Posted Dragon_GL

tags:

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

上周在做扇贝小作业时学到的小技巧,因为平时很多这样的小知识点都是写在电子笔记(有道云笔记和印象笔记)里的。但是随着时间的推移,发觉里面的东西赛的是越来越多了。所以,每隔一段时间就该整理一下才合理,既可以总结最近学习的知识,放到博客里也是分享,希望对需要的朋友有帮助。

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

应 用 :

1>. 屏幕取词

function getWord()
    var word = window.getSelection?window.getSelection():document.selection.createRange().text;
    alert( word )   

document.body.addEventListener("click", getWord, false);

2>. 移除选中的内容

function removeWord()
    window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

document.body.addEventListener("click", removeWord, false);

以上是关于屏幕取词: window.getSelection和document.selection的主要内容,如果未能解决你的问题,请参考以下文章

document.selection window.getSelection()

有道词典怎么在谷歌浏览器屏幕取词

1.1. 鼠标取词 屏幕取词技术实现原理

window.getSelection和document.selection getSelection

酶玩笑 window.getSelection() 不起作用

Window.getSelection