复制粘贴网页_谷歌浏览器网页强行复制粘贴 - CSDN
精华内容
参与话题
  • 网页内容复制粘贴(三种方案 兼容多种浏览器) 对网页上的内容实现复制粘贴的功能 痛点:需要支持多种不同的浏览器 主要有IE,Firefox IE浏览器下的解决方案: window.clipboardData.setData("Text", text); 通用...

    tags:

    • js
    • ctrl+c

    网页内容复制粘贴(三种方案 兼容多种浏览器)

    对网页上的内容实现复制粘贴的功能

    痛点:需要支持多种不同的浏览器 主要有IE,Firefox

    1. IE浏览器下的解决方案: window.clipboardData.setData("Text", text);
    2. 通用浏览器的解决方案: 选中元素之后执行: document.execCommand('copy')
    3. Firefox下的解决方案 两种折中的方案 a. 监听hover事件 当鼠标移动至需要复制的文本上时 用户按下ctrl+c 实现复制 b.window.prompt("Copy to clipboard: Ctrl+C, Enter", text); 弹出框内容为选中的文案,用户按下ctrl+c 实现复制

    整合之后的代码为

    function copyToClipboard(text) {
      if (window.clipboardData) { // Internet Explorer
        window.clipboardData.setData("Text", text);
      } else {
        var textArea = document.createElement("textarea");
        textArea.style.background = 'transparent';
        textArea.value = text;
        document.body.appendChild(textArea);
        textArea.select();
        try {
          if (!document.execCommand('copy')) {
            copyToClipboardMozilla(text);
    	  } else {
            showInfo("提示", "复制成功")
          }
    
        } catch (err) {
          console.log('Oops, unable to copy');
        }
          document.body.removeChild(textArea);
      }
    }
    
    function copyToClipboardMozilla(text) {
      window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
    }
    
    $(".copy").on("mouseenter", function () {
      $(this).css("background-color", "#c8c9c8");
      $(this).focus();
      var textArea = document.createElement("textarea");
      textArea.style.background = 'transparent';
      textArea.id = "copyContent";
      textArea.value = $(this).text();
      document.body.appendChild(textArea);
      textArea.select(); 
    })
    
    $(".copy").on("mouseleave", function () {
      $(this).css("background-color", "");
     document.body.removeChild(document.getElementById("copyContent")); 
    })
    复制代码

    参考资料:

    1. 几个通用的解决复制的方法
    2. document.execCommand API W3C API
    3. How do I copy to the clipboard in JavaScript?
    4. How does Trello access the user's clipboard?
    5. 20 行 JS 代码,实现复制到剪贴板功能

    兼容处理了浏览器的复制功能,有更好的方案解决欢迎留言联系 未经作者允许 请勿转载,谢谢 :)

    转载于:https://juejin.im/post/5a2e75abf265da432c23ce2f

    展开全文
  • 网页--- 复制粘贴

    2018-02-07 10:12:52
    功能:新建一个简单的网页,可以将一些需要频繁复制粘贴的东西放在里边。 Document 点击复制文本框内的内容 点击复制文本框内的内容 点击复制文本框内的内容 点击复制文本框内的内容 ...
    功能:新建一个简单的网页,可以将一些需要频繁复制粘贴的东西放在里边。
    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body>
    <input name="text" id="text" cols="30" rows="10"></input>
    <button οnclick="myCopy1()">点击复制文本框内的内容</button><br>
    
    
    <input name="text" id="text1" cols="30" rows="10"></input>
    <button οnclick="myCopy2()">点击复制文本框内的内容</button><br>
    
    
    <input name="text" id="text2" cols="30" rows="10"></input>
    <button οnclick="myCopy3()">点击复制文本框内的内容</button><br>
    
    
    <input name="text" id="text3" cols="30" rows="10"></input>
    <button οnclick="myCopy4()">点击复制文本框内的内容</button><br>
    
    
    <input name="text" id="text4" cols="30" rows="10"></input>
    <button οnclick="myCopy5()">点击复制文本框内的内容</button><br>
    
    
    <input name="text" id="text5" cols="30" rows="10"></input>
    <button οnclick="myCopy6()">点击复制文本框内的内容</button><br>
    
    
    <input name="text" id="text6" cols="30" rows="10"></input>
    <button οnclick="myCopy7()">点击复制文本框内的内容</button><br>
    
    
    
    
    
    
    
    
    <script>
     
         function myCopy1(){
    		
            var ele = document.getElementById("text");
            ele.select();
            document.execCommand("Copy");
        }
     
        function myCopy2(){
    		
            var ele = document.getElementById("text1");
            ele.select();
            document.execCommand("Copy");
        }
     
        function myCopy3(){
    		
            var ele = document.getElementById("text2");
            ele.select();
            document.execCommand("Copy");
        }
     
        function myCopy4(){
    		
            var ele = document.getElementById("text3");
            ele.select();
            document.execCommand("Copy");
        }
     
        function myCopy5(){
    		
            var ele = document.getElementById("text4");
            ele.select();
            document.execCommand("Copy");
        }
     
        function myCopy6(){
    		
            var ele = document.getElementById("text5");
            ele.select();
            document.execCommand("Copy");
        }
     
        function myCopy7(){
    		
            var ele = document.getElementById("text6");
            ele.select();
            document.execCommand("Copy");
        }
     
    </script>
     </body>
    </html>

    效果:


    展开全文
  • 某日。 老师布置了作业,其中作文题目是《父亲节的礼物》。一学生因为语文水平很差,作文经常吃鸭蛋,虽然他毫不在意,但...删除成功,此时网页可以复制粘贴了。 偷偷告诉你,这种方法不只对这个网站有效,对某网课以

    某日。
    老师布置了作业,其中作文题目是《父亲节的礼物》。一学生因为语文水平很差,作文经常吃鸭蛋,虽然他毫不在意,但总免不了挨爸妈的“二人组双打”。
    当晚,他心情不好,对于作文的想法只剩下一个字:抄,于是打开某浏览器……

    在这里插入图片描述
    这个不错,他心想:爸爸看到了一定会很感动的。于是熟练的选定文本并按下Ctrl + C,意想不到的意外发生了:
    在这里插入图片描述尼玛这就很难受了,他只能默默的按下F12。
    右侧窗口找到copy,然后delete删除它在这里插入图片描述
    删除成功,此时网页可以复制粘贴了。
    在这里插入图片描述
    在这里插入图片描述

    偷偷告诉你,这种方法不只对这个网站有效,对某网课以及绝大部分网站的防止复制粘贴限制同样有奇效。

    展开全文
  • 使得在受限制的网站使用复制粘贴
  • 在需要解锁复制粘贴网页上按F12(有些电脑可能需要按Fn+F12),打开开发人员工具,点右上角的设置⚙(如图) 再点击左边“首选项”,在右边向下滚动找到“禁用JavaScript”,点击前面的方框。 这时再回到...

    使用的浏览器为Edge 83

    在需要解锁复制粘贴的网页上按F12(有些电脑可能需要按Fn+F12),打开开发人员工具,点右上角的设置⚙(如图)

    再点击左边“首选项” ,在右边向下滚动找到“禁用JavaScript”,点击前面的方框。

    这时再回到网页就会发现可以复制粘贴了。

    注意:复制粘贴完后,一定要再把“禁用JavaScript”前的勾去掉!! 


    6月29日更新

    用谷歌Chrome浏览器复制360图书馆(http://www.360doc.com/)的内容

    展开全文
  • 关于某学习通网页不能粘贴的问题

    万次阅读 2020-02-25 09:27:54
    在学习通网页上不能粘贴复制,对于想快速提交作业的我确实挺烦的,但是想想之后,它不让...复制粘贴好之后把右边的关了就行 如果网页有那种特别的监听机制,乖乖的敲吧 不好用也别来找我,我不负责,不负责,不负 ...
  • 如何解决网页粘贴数据到excel数据变换问题 首先我们获取过来的数据
  • 上次有个同学问我她想要的资料的那个网页不能复制粘贴,单击右键根本没反应,这不,昨天我也遇到了这个情况,就总结了一下,写出来,供大家参考参考。 1. 点工具,再接着点Internet选项,再点安全,再点自定义级别...
  • 解决网页不能粘贴的问题

    万次阅读 2017-09-11 16:46:00
    但是老师设置了“不能复制粘贴”,本来在word文档里写完打好草稿了,现在却只能重新打一遍。于是我尝试解决这个问题,看看能不能粘贴上去。通过查阅资料,了解了网页的基本知识。于是探索出了如下步骤: 使用的...
  • 转自:http://blog.haoji.me/disable-html-copy-and-paste.html?from=xa实现禁止.../* 最简单的实现禁止复制的方法,采用css方式禁止文字选择,当然这只兼容webkit内核浏览器 */ * { -webkit-user-select: none; } ...
  • 网页复制一些资料,结果粘贴在WORD中却有阴影,去除方法:  1、CTRL+A,全选复制,菜单-编辑-选择性粘贴-无格式文本。  2、选中内容,菜单:编辑——清除——格式。  3、先复制到记事本上,再复制进去,...
  • **首先我们要知道,一个网站实现禁止复制粘贴的功能实现一般是采用jsp实现的。 一般通过以下语句进行实现:** var bodyMain = document.getElementById(‘bodyMain’ ); //实现禁止复制,将返回结果设置为FALSE ...
  • 浏览网页的时候,让人蛋疼的一件事就是不能复制、粘贴。 在网上查找一番后,发现方法很多,...此时就可以复制粘贴了,但不要关了开发者页面,把它缩小就行。每次本页面处理完之后,再把勾去掉,不然会影响下个页面...
  • 第一步: 第二步:将code全选复制 第三步 到word里面 只保留文本粘贴,公式就显示了。
  • 出现的问题:无法复制粘贴文件夹;组合快捷键失效等; 潜在的原因:鼠标右键无法出现菜单;系统常用功能组件破坏等; 解决的方法: 1、下载解压后,打开文件夹复制32/64位文件夹中的:“shdoclc....
  • 下面的代码: int main(){ return 0; } 以后都是通过文档编辑框上面的插入代码工具按钮实现的。
  • 一秒解决虚拟机与主机之间粘贴复制

    万次阅读 多人点赞 2017-12-07 14:05:36
    很多帖子都不知道写的是什么东西。 关闭虚拟机。虚拟机设置,选项,物理机隔离,把复制粘贴选上就ok
  • 因此,复制后要恢复使用; 第一步:同时按住键盘上的“Ctrl+“Shift+“Del”键打开谷歌浏览器的设置,然后点击页面底部的“高级”按钮: 第二步:往下拉,看到网页设置,点进去 第三步:找到javascipt,并...
  • 解决超星学习通答题无法粘贴

    万次阅读 多人点赞 2020-05-03 10:46:25
    解决超星学习通答题无法粘贴 工具:Chrome浏览器(其他浏览器也行,谷歌浏览器大家都熟悉一些) 超星学习通在答题的时候(特别是考试的时候),会碰见一些主观题的答题区域,不允许ctrl+V,粘贴时就弹出提示框 解决方法...
  • 以chrome浏览器为例 步骤: F12---->选择console---->F1,此时我们看到的是setting。如下图: 选中红框圈住的,然后关闭setting。此时即可复制粘贴
1 2 3 4 5 ... 20
收藏数 42,988
精华内容 17,195
关键字:

复制粘贴网页