js 获取页面上选中的文字

最新推荐文章于 2025-05-09 11:41:05 发布

sunsanyou2004

最新推荐文章于 2025-05-09 11:41:05 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术文章文章标签： button input firefox function ie

本文链接：https://blog.youkuaiyun.com/sunsanyou2004/article/details/6692853

技术文章专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种方法，可以在HTML中通过JavaScript获取文本框内被用户选中的文本，并提供了示例代码，演示了如何使用该方法将选中文本转换为加粗或斜体格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<textarea rows="10" cols="50" id="t1">请问如何获得文本框里鼠标选取到的文字？</textarea>
        <input type="button" onclick="if (getSelectText(document.getElementById('t1')) != '') t1.value = t1.value.replace(getSelectText(document.getElementById('t1')), '<b>' + getSelectText(document.getElementById('t1')) + '</b>')"
            value="b" />
        <input type="button" onclick="if (getSelectText(document.getElementById('t1')) != '') t1.value = t1.value.replace(getSelectText(document.getElementById('t1')), '<i>' + getSelectText(document.getElementById('t1')) + '</i>')"
            value="i" />
        <script type="text/javascript">
            function getSelectText(e) {
                if (document.selection) {
                    return document.selection.createRange().text; // for IE
                } else {
                    if (e.selectionStart != undefined && e.selectionEnd != undefined)
                        return e.value.substring(e.selectionStart, e.selectionEnd);
                    else return ""; // for firefox
                }
            }
        </script>