zoukankan      html  css  js  c++  java
  • javascript_鼠标划词,弹出选取的词

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="box">
            是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()。
        </div>
    </body>
    </html>
    <script>
        //兼容函数
        function getText() {
            if (document.selection) {
                //兼容ie
                return document.selection.createRange().text;
            } else {
                //W3C
                return window.getSelection().toString();
            }
        }
    
        var $ = function (id) {
            return document.getElementById(id);
        }
    
        //在box元素中,鼠标抬起的时候,那么就可以获取到文字
        $('box').onmouseup = function () {
            alert(getText());
        }
    </script>
  • 相关阅读:
    数据库高级查询
    简明python教程笔记一
    2017.12.29问题
    Windows下Python + Flask环境搭建
    ApiTestEngine框架
    接口测试框架ApiTestEngine相关
    IDEA查看JMeter源码
    IDEA安装,破解,和配置
    Uiautomator 2.0实例
    框架搭建实例
  • 原文地址:https://www.cnblogs.com/itfky/p/13730342.html
Copyright © 2011-2022 走看看