js 选中当前的文本

最新推荐文章于 2024-07-10 10:39:28 发布

花大师

最新推荐文章于 2024-07-10 10:39:28 发布

阅读量4.9k

点赞数

文章标签： button safari opera chrome function object

本文介绍如何在不同浏览器（如IE、FF、Safari、Opera、Chrome等）中获取用户选中的文本，提供了针对不同浏览器的代码实现，并通过一个按钮交互示例演示了如何在用户点击按钮时获取选定文本。

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

<html>
<title>获取选中文本</title>
<body>
<p>
这里是以在IE中获取用户选择的Range用 var selectedText = document.selection.createRange();
这时得到的是Object对象，要获取用户选中的文本 selectedText = selectedText.text; 在FF、Safari、Opera、
Chrome等W3C标准浏览器中获取用户选择的Range很简单： var selectedText = window.getSelection();
</p>
<button id="button">选中文字,点击按钮</button>
<script type="text/javascript">
var oBtn = document.getElementById("button");
oBtn.onclick = function() {
    var selectedText;
if(window.getSelection){
    selectedText=window.getSelection();
}else if(document.selection){
    selectedText=document.selection.createRange().text;
}
    alert(selectedText);
};
</script>
</body>
</html>