精华内容
下载资源
问答
  • 复制链接JS脚本实现

    2020-10-19 09:48:22
    <li><a href="javascript:void(0);" class="classic" value="${product....复制链接</span></a> </li> //复制链接 function copyLink(obj) { var url = $(obj).attr('value'); va.
    <li><a href="javascript:void(0);" class="classic" value="${product.productUrl!''}"
           οnclick="copyLink(this)"><span>复制链接</span></a>
    </li>
    //复制链接
    function copyLink(obj) {
        var url = $(obj).attr('value');
        var spanEle = document.createElement('span');
        spanEle.innerHTML = url; // 要复制到剪帖板的内容
        document.body.appendChild(spanEle);
        getSelect(spanEle);
        document.execCommand('copy');
        uiAlert('tip-success','','复制成功!');
        document.body.removeChild(spanEle);
    }
    
    function getSelect(targetNode) {
        if (window.getSelection) {
            //chrome等主流浏览器
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNode(targetNode);
            selection.removeAllRanges();
            selection.addRange(range);
        } else if (document.body.createTextRange) {
            //ie
            var range = document.body.createTextRange();
            range.moveToElementText(targetNode);
            range.select();
        }
    }
    展开全文
  • 手机端实现复制链接功能

    千次阅读 2017-05-11 17:48:33
    手机端实现复制链接功能

    网上试了各种插件 总是不能兼容安卓和苹果的各种浏览器 目前兼容性不是很好 经测试只支持安卓HTML5的浏览器 后续如果有解决办法 又继续更新

    _url : 要复制的链接
    select_txt: 隐藏的input框 因为select()方法只能用于input和textarea框 所以相当于中间的一个媒介 把要复制的链接存放在select_txt中

    //复制链接推荐
    function link(obj){
        var _url = window.location.href;
        $('#select_txt').val(_url);
        console.log($('#select_txt').val());
        var Url2=document.getElementById("select_txt");
        Url2.select(); 
        document.execCommand("Copy"); 
        document.execCommand("Past"); 
        $('.link').show();
        hideSheet();
    }  
    展开全文
  • 主要介绍了JS简单实现点击复制链接的方法,提供了2种简单的复制链接操作方法供大家选择使用,需要的朋友可以参考下
  • js实现复制链接

    2019-11-30 10:28:28
    ()' value="复制链接">复制链接 src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"> function copyUrl() {...
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <script type="text/javascript">
        str = "http://www.baidu.com"
    </script>
    <body>
    <div id="article" name="http://www.lanyife.com.cn/console/tougu-zhanye-menu/view?id=100000051" onClick='copyUrl()' value="复制链接">复制链接</div>
    
    </body>
    </html>
    <script
            src="https://code.jquery.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous">
    </script>
    <script type="text/javascript">
        function copyUrl()
        {
            var clipBoardContent= document.getElementById("article").attributes["name"].value;
            let oInput = document.createElement('input');
            oInput.value = clipBoardContent;
            document.body.appendChild(oInput);
            oInput.select();
            document.execCommand("Copy");
            oInput.style.display = 'none';
            document.body.removeChild(oInput);
            window.alert('复制成功')
        }
    </script>
    

    成功输出结果:

    展开全文
  • 但是项目是很早以前的,有一些star,因为功能很小,可以接受 ... 复制链接 实现上面这个效果,这个没有引入js复制效果没能出来,但是我把代码放在下面 css .copyinput { width: 350p...

    github项目:https://github.com/patricklodder/jquery-zclip

    但是项目是很早以前的,有一些star,因为功能很小,可以接受

    支持的钩子函数,够我用的了

     

     

    复制链接

     

    实现上面这个效果,这个没有引入js复制效果没能出来,但是我把代码放在下面

     css

    .copyinput {
      width: 350px;
      height: 36px;
      line-height: 36px;
      background: #F5F7FA;
      border: 1px solid #AAB8D4;
      border-radius: 4px;
      font-size: 0;
      overflow: hidden;
      margin: 0 auto;
    }
    .copyinput input {
      display: inline-block;
      width: 77%;
      height: 34px;
      border: 0;
      font-size: 14px;
      color: #42455F;
      text-indent: 5px;
      background: #F5F6FA;
    }
    .copyinput span {
      display: inline-block;
      width: 23%;
      color: #4A5FE2;
      background: #CFDEFC;
      border-radius: 0 4px 4px 0;
      font-size: 14px;
      text-align: center;
      cursor: pointer;
    }
    View Code

    html

    <div class="copyinput">
    <input type="text" value="http://www.baidu.com" readonly="readonly" />
    <span>复制链接</span>
    </div>

    js

    <script src="default/js/global/jquery.js"></script>
    <script src="default/js/global/jquery.zclip.js"></script>
    <script>
    $(function(){
    $('.copyinput span').zclip({
      //记得把这个文件引入
        path: 'default/js/global/ZeroClipboard.swf',
        copy: function () {//复制内容
            return $(this).siblings('input').val();
        },
        afterCopy: function () {//复制成功
            alert("复制成功")
        }
    });
    })
    </script>

      

      

     

    转载于:https://www.cnblogs.com/wufangfang/p/6801670.html

    展开全文
  • ![图片说明](https://img-ask.csdn.net/upload/201910/08/1570534918_32714.png) 点击图片实现复制链接
  • JS实现点击复制链接

    万次阅读 2018-08-06 15:37:36
    目前最流行的点击复制链接写法。优点:有点简单,代码量少,缺点:必须要一个输入框的这类东西 &amp;amp;lt;input type=&amp;quot;text&amp;quot; size=&amp;quot;30&amp;quot; id=&amp;...
  • 通过ZeroClipboard插件实现复制链接

    千次阅读 2015-07-02 10:38:11
    邀请好友的链接,有个功能就是通过ZeroClipboard.js,flash插件实现点击复制按钮可以复制输入框里面的内容和链接
  • AngularJS框架上实现复制链接功能

    千次阅读 2016-07-08 15:47:49
    由于浏览器的限制,复制功能无法统一实现,如谷歌浏览器更是不支持访问系统的剪贴板。 为了在网页上实现复制功能,我从网上...复制链接 二、这是后台JS $(document).ready(function(){ $scope.copyFunction = funct
  • js如何实现点击复制链接

    万次阅读 2018-07-20 16:00:28
    研究了好久,请看一下代码:  function copyUrl(){  var ele = document.getElementById("url"...复制链接成功!");  } 测试了一下是有兼容性问题的,只适合web浏览器,ios并不管用...
  • 我项目中的场景: 1、 点击为每条广告生成的短链接,即复制到粘贴板成功 2、
  • 想要的效果是,点击复制链接的按钮,然后就把事先准备好的链接复制上...// 复制链接方法 copyUrl() { let inputText = document.getElementById('inputText'); let currentFocus = document.activeElement; input...
  • 如题,直接打开链接和复制链接在打开指向的网页不一样,如何实现?
  • 由于最近项目中需要做到用户点击复制按钮,然后要实现点击后把推广链接复制到用户终端,于是查询了一些资料,最后找到了clipboard这款插件。 1.首先先到github上的开源项目clipboard.js(官网:...
  • js实现链接复制功能

    2020-10-28 19:15:18
    textarea 在屏幕外显示。 ;top: -1000px;"></textarea> function copyUrl(activeId) { var input = document.getElementById("copyText");... // 执行浏览器复制命令 layer.msg("复制成功", {time: 1800, icon: 1}); }
  • 邀请链接为:<input id='ipt' v-model='lianjie' style="border:none;display:inline-block"> <el-button size="mini" @click="copyLink" plain type="success">复制</el-button> <p style=...
  • 复制链接

    千次阅读 2019-04-15 15:00:15
    问题:复制链接需求 实现: <style> .copyLink { color: #40a9ff; cursor: pointer; } </style> <body> <p> <span id="linkUrl">链接:https://www.baidu.co...
  • 实现点击复制链接可以进行链接的复制,并显示提示信息 1.安装vue-clipboard2插件 npm install --save vue-clipboard2 2.在需要引入的组件内引入插件 import Vue from "vue"; import VueClipboard from "vue-...
  • 在PC页面中实现点击一个链接复制到粘贴板上 思路: 1、创建一个新标签input 2、把要复制链接添加里面 3、通过document.execCommand函数将其复制到粘贴板上 4、移除input execComman 函数好像只能复制input里的 ...
  • 方法1: 目前最流行的写法。...input type="text" size="30" id="asd" value="我是要复制的信息"> <input type="button" value="我是要复制的信息" onClick="asd.select();document.execCommand('Copy')...
  • 目的:实现点击控件,剪切板自动复制本地链接到剪切板 1.碰到的问题 一开始以为简单的调用window方法就可以实现了 window.clipboardData.setData("Text",url); 结果(参考链接:js 剪切板的用法(clipboardData....
  • 在vue中使用vue-clipboard2实现点击复制链接功能(配合使用iview) 3种使用方法,其中包括在树形控件tree中使用
  • MySQL innodb 索引 B+树实现 [复制链接]

    千次阅读 2017-01-05 17:15:42
    [复制链接]     1# 首先说说mySQL里面索引的类型: 从数据结构角度 1、B+树索引(O(log(n))): 2、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,365
精华内容 1,346
关键字:

复制链接实现