JavaScript_查询当前选定的文本示例；

来源：互联网发布：python 自动发朋友圈编辑：程序博客网时间：2024/06/17 14:15

<html>
   <head>
       <title>查询当前选定的文本示例</title>
       <script type="text/javascript">
           function getSelectedText() { // 获取用户选定的文本；
               var result = "";
               if(window.getSelection) {
                   result = window.getSelection().toString();
                   result += "\n _window.getSelection()";
               } else if(document.getSelection) {
                   result = document.getSelection();
                   result += "\n _document.getSelection()";
               } else if(document.selection) {
                   result = document.selection.createRange().text;
                   result += "\n _document.selection.createRange().text";
               }
               if(window.addEventListener) {
                   console.log(result);
               }else if(window.attachEvent) {
                   alert(result);
               }
           }

           // 文本输入元素处理
           function getTextFieldSelection(e) {
               if(e.selectionStart != undefined && e.selectionEnd != undefined) {
                   var start = e.selectionStart;
                   console.log("start_" + start);
                   var end = e.selectionEnd;
                   console.log("end_" + end);
                   var strOut = e.value.substring(start, end);
                   console.log(strOut);
               } else {
                   console.log("Not supported on this browser.");
               }
           }
       </script>
   </head>
   <body>
       <p>我爱我，老婆！</p><br>
       <a href="javascript:
           var q;
           if(window.getSelection) {
               q = window.getSelection().toString();
           }else if(document.getSelection) {
               q = document.getSelection();
           }else if(document.selection) {
               q = document.selection.createRange().text;
           }
           void window.open('http://zh.wikipedia.org/wiki/' + q);

       ">在维基百科中查找所选定的文本信息</a>
       <button onclick="getSelectedText()">获取选定文本</button><br>
       <label for="textname">看看是否能获取里边的文本：</label>
       <input type="text" name="textname" value = "i love you!" size="23" />

       <p><b>兼容性问题说明：</b>如果选定的文本在一个input或textarea表单元素中，Window和Document对象的getSelection()方法不会返回它，
       它们只能从文档自身的内容中返回选择的文本。但是IE的document.selection属性则会从文档中的任何地方返回选择的文本。</p>

       <label for="filename">文本输入元素的处理：</label>
       <input type="text" name="filename" size="23" /><input type="button" value="元素处理" onclick = "getTextFieldSelection(event)" />
   </body>
</html>