龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

Javascript 获取页面上选中的文字实现代码

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
本文介绍了一个兼容性较好的解决方法。同时,也提供了一个在 FireFox 下获取 input 和 textarea 中选中文字的解决方案。 代码如下 script type=text/javascript // 说明:获取页面上选中的文字 f
本文介绍了一个兼容性较好的解决方法。同时,也提供了一个在 FireFox 下获取 input 和 textarea 中选中文字的解决方案。
 代码如下

<script type="text/javascript">
 
// 说明:获取页面上选中的文字

 

 
function getSelectedText() {
    if (window.getSelection) {
        // This technique is the most likely to be standardized.
        // getSelection() returns a Selection object, which we do not document.
        return window.getSelection().toString();
    }
    else if (document.getSelection) {
        // This is an older, simpler technique that returns a string
        return document.getSelection();
    }
    else if (document.selection) {
        // This is the IE-specific technique.
        // We do not document the IE selection property or TextRange objects.
        return document.selection.createRange().text;
    }
}
 
</script>

 

在 FireFox 下获取 input 或者 textarea 中选中的文字,可以用下面的方法:

 代码如下

<script type="text/javascript">
 
// 说明:FireFox 下获取 input 或者 textarea 中选中的文字

 
function getTextFieldSelection(e) {
    if (e.selectionStart != undefined && e.selectionEnd != undefined) {
        var start = e.selectionStart;
        var end = e.selectionEnd;
        return e.value.substring(start, end);
    }
    else return "";  // Not supported on this browser
}
 
</script>


精彩图集

赞助商链接