zoukankan      html  css  js  c++  java
  • 点击div全选中div里面的文字

    想做一个就是点击一个div然后实现的功能是div里面的文字都成选中状态,然后就可以利用浏览器的自带的复制功能,任意复制在哪里去了

    在网上百度了一下

    然后网上的答案感觉很大的范围

    然后一些搜索

    然后就锁定了一个答案

    就是那个页面我忘记在哪里了

    上我在页面上写的代码吧

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    $('.modal-body').click(function(){
                            var text=this;
                            if (document.body.createTextRange) {
                                    var range = document.body.createTextRange();
                                    range.moveToElementText(text);
                                    range.select();
                                else if (window.getSelection) {
                                    var selection = window.getSelection();
                                    var range = document.createRange();
                                    range.selectNodeContents(text);
                                    selection.removeAllRanges();
                                    selection.addRange(range);
                                  
                                else {
                                    alert("none");
                                }
                             
                        })

     就是这样了

    网页上一开始是原生了

    就是一个function里面放if else

    然后我就在想怎么把这个放进jQuery里面去

    然后我一开始是写了var text=$(this)

    然后就开始报错

    (index):281 Uncaught TypeError: Failed to execute 'selectNodeContents' on 'Range': parameter 1 is not of type 'Node'.(…)

    就出来这个错误

    然后就开始谷歌

    为什么错误

    然后就搜索到了可靠答案

    就是来自stackoverflow

    不得不说 这个网站太牛逼了

    你只要搜索的正确 里面有很多答案 基本上我只要搜索一个问题然后页面上出来这个网站

    我就觉得我的问题会得到解答

    果然

    然后这个网站告诉我的答案就是

    var text=this而不是var text=$(this)

    然后就完美解决了我的答案

    然后也能执行了

    网站上那个人是这样说的

    因为if里面text是javascript对象

    然后你要是$(this)的话就是一个jQuery对象,所以运行起来就会报错

    转载http://www.cnblogs.com/lwwen/p/6065473.html

  • 相关阅读:
    记忆碎片:我的2007
    查看 Oracle 是用spfile 启动还是 pfile 启动
    Oracle 10g OCP 042 题库 71120 题 共168题
    Oracle OLAP 与 OLTP 介绍
    Oracle Data Guard Switchover 切换
    Linux 终端访问 FTP 及 上传下载 文件
    多表连接的三种方式详解 HASH JOIN MERGE JOIN NESTED LOOP
    Oracle 表连接方式(内连接/外连接/自连接) 详解
    Oracle 表连接方式(内连接/外连接/自连接) 详解
    查看 Oracle 是用spfile 启动还是 pfile 启动
  • 原文地址:https://www.cnblogs.com/wang1593840378/p/6075482.html
Copyright © 2011-2022 走看看