zoukankan      html  css  js  c++  java
  • 获取浏览器选中文本并操作

    <h3>你想不想知道用户选中了哪些信息?</h3>
            <ol>
                <li>
                    window.getSelection():返回Selection对象,其中toString()方法返回选中的文本信息;
                    <pre>
                        document.onmouseup = function () {
                            var wd = window.getSelection().toString();
                            if(wd && confirm('要去百度搜索?')){
                               window.open('https://www.baidu.com/s?wd=' + wd);//打开一个页面 
                            }
                        }
                    </pre>
                </li>
                <li>
                    window.getSelection().toString()在获取input或textarea里面选中的文本信息上存在兼容问题;
                    可以使用如下方法得到:
                    <pre>
                        var myarea = document.querySelector('.myarea');
                        myarea.onmouseup = function () {
                            console.log(myarea.selectionStart); //选中信息的开始位置
                            console.log(myarea.selectionEnd);//选中内容的结束位置
                            var text = myarea.value.substring(myarea.selectionStart, myarea.selectionEnd);//截取选中的内容
                            console.log(text);
                        }
                    </pre>
    
                </li>
            </ol>
  • 相关阅读:
    <BackTracking> dfs: 39 40
    <Tree> 110 124
    <Tree.PreOrder> DFS 113, 129
    <Math> 50 367
    <String> 49 87
    Haproxy配置Rabbitmq集群负载均衡
    Rabbitmq镜像集群的搭建
    rabbitmq常用命令
    Linux安装rabbitmq
    Docker自定义网络
  • 原文地址:https://www.cnblogs.com/LeoXnote/p/9667252.html
Copyright © 2011-2022 走看看