• 获取浏览器选中文本并操作


    <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>
  • 相关阅读:
    CentOS7配置RAID10
    CentOS7配置RAID5笔记
    CentOS7改主机名hostname
    CentOS7设置光盘镜像为本地yum源
    VMware安装Windows Server 2008
    VMware安装CentOS7
    xss漏洞介绍
    pakichu-暴力破解
    搭建xcode9的IOS开发环境
    dvwa之xss
  • 原文地址:https://www.cnblogs.com/LeoXnote/p/9667252.html
Copyright © 2020-2023  润新知