精华内容
下载资源
问答
  • 复制链接

    千次阅读 2021-04-21 09:49:17
    // 复制链接 const handleCopyLink = (url) => { const fileUrl = url || ‘’; const inp = document.createElement(‘input’); inp.value = fileUrl; document.body.appendChild(inp); inp.select(); // 选择...

    // 复制链接
    const handleCopyLink = (url) => {
    const fileUrl = url || ‘’;
    const inp = document.createElement(‘input’);
    inp.value = fileUrl;
    document.body.appendChild(inp);
    inp.select(); // 选择对象
    document.execCommand(‘Copy’); // 执行浏览器复制命令
    inp.className = ‘inp’;
    inp.style.display = ‘none’;
    inp.remove();
    message.success(‘复制成功’);
    };

    展开全文
  • 点击按钮复制链接

    万次阅读 2021-04-16 15:59:34
    点击复制链接 <el-button type="text" size="small" @click=" copyUrl( baseLink + '?product=' + iteam.productKey +

    点击复制链接

     <el-button
                      type="text"
                      size="small"
                      @click="
                        copyUrl(
                          baseLink +
                            '?product=' +
                            iteam.productKey +
                            '&version=' +
                            iteam.versionNum
                        )
                      "
                      >复制链接</el-button>
    
      // 点击复制链接
        copyUrl(link) {
          var domUrl = document.createElement("input");
          domUrl.value = link;
          domUrl.id = "creatDom";
          document.body.appendChild(domUrl);
          domUrl.select(); // 选择对象
          document.execCommand("Copy"); // 执行浏览器复制命令
          let creatDom = document.getElementById("creatDom");
          creatDom.parentNode.removeChild(creatDom);
          return this.$message.success("链接复制成功!");
        },
    
    展开全文
  • js如何实现点击复制链接

    万次阅读 多人点赞 2018-07-20 16:00:28
    研究了好久,请看一下代码:  function copyUrl(){  var ele = document.getElementById("url"...复制链接成功!");  } 测试了一下是有兼容性问题的,只适合web浏览器,ios并不管用...

    研究了好久,请看一下代码:

       function copyUrl(){
         var ele = document.getElementById("url");
         ele.select();
         document.execCommand("Copy");
         alert("复制链接成功!");
        }

    测试了一下是有兼容性问题的,只适合web浏览器,ios并不管用,最后考虑用插件

    1.ZeroClipboard 使用flash优雅降级 果断放弃

    2.Clipboard 比较好 很轻量

    如下代码:

    js引入:

    <script type="text/javascript" src="__PUBLIC__/Acenter/lib/jquery/1.9.1/jquery.min.js"></script>

    <script type="text/javascript" src="__PUBLIC__/js/clipboard.min.js"></script>

    HTML:

    <textarea id="url" cols="32" value="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>" style="margin:.5rem;border:1px solid #ddd"><?php echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?></textarea>
     <button id="copyUrl" data-clipboard-target="#url" data-clipboard-action="copy" style="margin-bottom:.6rem;border:none;">复制链接</button>

    javascript:

    var clipboard = new Clipboard('#copyUrl');    
            clipboard.on('success', function(e) {    
                layer.alert("复制成功");    
                e.clearSelection();    
                console.log(e.clearSelection);    
            });
     clipboard.on('error', function(e) {
               alert("当前浏览器不支持此功能,请手动复制。")
       });

    效果图:

    注意事项:文章中的红色部分要使用textarea或者input  以及button标签来实现,其他标签不行

     

    clipboard.min.js下载地址请前往:http://sucai.gxyourui.cn/Home/Article/blog_detail/article_id/56.html

     

    展开全文
  • vue 点击复制链接功能

    千次阅读 2019-10-28 17:51:45
    代码 template里 <p class="inviteCode" id = "inviteCode" v-text="short_url"></p> <el-button v-if="short_url" class="copy" @click=...复制链接</el-button> 在methods里 ```javascrip...

    代码
    template里

    <p class="inviteCode" id = "inviteCode" v-text="short_url"></p>
    <el-button v-if="short_url" class="copy" @click="CopyUrl">复制链接</el-button>
    

    在methods里

    
    ```javascript
    // 复制
        CopyUrl(data){
            var Url2 = document.getElementById("inviteCode").innerText;
            var oInput = document.createElement("input");
            oInput.value = Url2;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            oInput.className = "oInput";
            oInput.style.display = "none";
            this.$message({
              message:"复制成功!",
              type:'success'
            })
        },
    

    复制干嘛?
    楞着呀!

    展开全文
  • 如何查找自己的微信公众号主页并复制链接 随意复制你微信公众号的一篇文章链接在浏览器打开查看源代码 找到biz=*****编码,例如biz=MzUwOTg2MzgyMw https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=...
  • JS点击复制链接

    千次阅读 2018-10-11 16:47:17
    关于这个复制,弄的我脑瓜疼,之前用的方法,安卓机和PC端可用,iPhone中没有反应。多谢我同事找的这个,经过上线测试,都可以用,么有问题 需加载这个js &amp;amp;lt;script type='text/javascript' src=&...
  • 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;...
  • IOS复制链接功能

    千次阅读 2017-11-10 17:00:31
    UIPasteboard *pasted=[UIPasteboardgeneralPasteboard];pasted.string=self.shareUrl;
  • Edge浏览器复制链接到PC微信变成文字标题了 这几天使用Edge浏览器复制链接到PC微信,但奇怪的是粘贴在微信显示的是文字,不是链接。 后来又试了谷歌浏览器,发现是正常的。 原来是Edge浏览器的粘贴设置问题 解决方法...
  • 解决vue 在ios微信“复制链接”复制不到动态地址的问题 这个问题在安卓上市完全没有问题的,可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。 我的解决办法是在初始进入项目时重新拼接项目地址...
  • vue点击按钮复制链接地址

    千次阅读 2018-12-06 13:48:20
    复制链接 methods: { onCopy () { this.$message({ message: `复制成功!`, type: 'success' }); this.snackBar.info(this.$t('prompt.copySuccess')) }, onError () { this.$message.error(this.$t...
  • 问题描述: ...在 B 页面打开微信右上角菜单,使用“复制链接”功能 最后粘贴出来的链接是 A 页面的链接 分析原因: 这个问题在微信 6.2 时代就已存在,GitHub 上有很多人到 weui 的主页提 issue ...
  • 手机端实现复制链接功能

    千次阅读 2017-05-11 17:48:33
    手机端实现复制链接功能
  • 微信H5分享、复制链接遇到的坑

    千次阅读 2019-08-15 16:54:10
    项目基于微信H5开发,微信内嵌浏览器在访问项目时,可以分享和复制链接,因为连接中携带了openId,导致系统权限失效,相当于别人拿着你家的钥匙进你家门一样。 解决思路: 在微信H5的入口请求中,增加携带openId 的...
  • 想要的效果是,点击复制链接的按钮,然后就把事先准备好的链接复制上...// 复制链接方法 copyUrl() { let inputText = document.getElementById('inputText'); let currentFocus = document.activeElement; input...
  • 如题,直接打开链接和复制链接在打开指向的网页不一样,如何实现?
  • 在页面中只需引用下面代码就可以取掉复制等 function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { ...
  • 一、npm安装 npm installclipboard -- save 二、引入 import Clipboard from 'clipboard' 三、html &lt;li class="...复制名片链接&lt;/li&gt; 四、methods copy (dat...
  • 实现点击复制链接可以进行链接的复制,并显示提示信息 1.安装vue-clipboard2插件 npm install --save vue-clipboard2 2.在需要引入的组件内引入插件 import Vue from "vue"; import VueClipboard from "vue-...
  • 由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时,界面显示一片空白,容易误导以为在下载呢 &lt;!DOCTYPE html&gt; &lt;...style ty
  • JS简单实现点击复制链接的方法

    千次阅读 2017-09-04 09:15:15
    textarea name="text" id="text" cols="30" rows="10">textarea> button onclick="myCopy()">点击复制文本框内的内容button> script> function myCopy(){ var ele = document.getElementById("text");
  • 微信公众号JS屏蔽分享,复制链接

    万次阅读 2017-09-28 11:44:08
    1、引入微信官方的js文件,将该js文件放到最前面引入: 2、初始化微信所需参数: 2.1 注意:wx.config必须在页面加载时完成执行,wx.ready可以放到方法内通过触发执行。 //初始化微信 ... var times
  • 复制链接 function copyUrl() { var clipBoardContent="拷贝成功!"; var clipBoard_Error="抱歉!您现在的浏览器不支持自动拷贝功能,请手动拷贝链接发给好友"; if(window.clipboardData){ var
  • AngularJS框架上实现复制链接功能

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

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 728,127
精华内容 291,250
关键字:

复制链接