文本选择window.getSelection

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

转载最新推荐文章于 2025-05-09 11:41:05 发布 · 531 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/mark_to_win/article/details/88665403

标签

#javascript #文本选择window.getSelection #文本选择window.getSelection

收录于

javascript 专栏收录该内容

27 篇文章

订阅专栏

本文深入探讨了不同浏览器中实现文本选择的方法，包括window.getSelection、document.getSelection及document.selection，适用于DOM、Firefox、Webkit、Chrome、IE等环境。通过示例代码展示了如何获取用户所选文本并进行处理。

8.文本选择window.getSelection

例 1.8（文本选择IEFF.html)
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script type="text/javascript">
       function fun1(){

if(window.getSelection){//DOM,FF,Webkit,Chrome,IE10
alert("马克-to-win：火狐click事件包括鼠标点下和抬起两个动作，不抬起不算结束，所以可以选择文本。 window.getSelection is "+window.getSelection);
selectionText = window.getSelection();
}else if(document.getSelection){//IE10
selectionText = document.getSelection();
}else if(document.selection){//IE6+10-
selectionText = document.selection.createRange().text;
}else{
selectionText = "";
}

           strlen = selectionText.toString();
           alert(strlen);
// alert(document.selection.createRange().text);
       }
   </script>
<body>
<body onclick="fun1();">
<p>Select this textsfsadfsdafsdagfsadgsagsadgfsd</p>
sdgsagsadgsafghgfhfh
gsadgsaghfghfhgfhf
sabhhfghgfhfghfh
gsfdghf