clipboard复制浏览器url

左手的ㄟ右手 2022-11-09 12:53 247阅读 0赞

clipboard官方地址：  
[https://clipboardjs.com/][https_clipboardjs.com]

<div class="iphoneCopy">
    		<input type="text" value="分享链接"  class="btn shareInput" data-clipboard-action="copy" data-clipboard-target="#iphoneBar" />
    		<textarea id="iphoneBar" cols="62" rows="5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" style="position: fixed;top: -200%;left: 0;">		</textarea>
    </div>

.shareInput{ 
    	position: absolute;
    	top:0px;
    	right: 0px;
    	border:none;
    	padding: 2px 0;
    	font-size: 30px; 
    	background-color: #04166D;
    	width: 150px;
    	border-radius: 10px;
    	color: white;
    	text-align: center;
    }

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    //下载好的clipboard地址
    <script src="C:\Users\Administrator\git\bsiview\bsiview\js\clipboard.min.js">
    $("#iphoneBar").text(url);
    // $(".noIphoneCopy").hide();
    var clipboard = new Clipboard('.btn');
    clipboard.on('success', function(e) { 
    // console.info('Action:', e.action);
    // console.info('Text:', e.text);
    // console.info('Trigger:', e.trigger);
    // alert("复制成功");
    e.clearSelection();
    });
    clipboard.on('error', function(e) { 
    // console.error('Action:', e.action);
    // console.error('Trigger:', e.trigger);
    });

[https_clipboardjs.com]: https://clipboardjs.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS复制功能 Clipboard

Clipboard [http://www.clipboardjs

女爷i/ 2022年12月17日 07:17/ 0 赞/ 158 阅读

相关 clipboard复制浏览器url

clipboard官方地址： [https://clipboardjs.com/][https_clipboardjs.com] <div class="ipho

左手的ㄟ右手/ 2022年11月09日 12:53/ 0 赞/ 248 阅读

相关 clipboard 实现复制粘贴功能

<el-form-item label="ticketKey"> <span id="code">{ { baseForm.ticketKe

电玩女神/ 2022年10月31日 00:42/ 0 赞/ 278 阅读

相关 Clipboard.js : 移动端浏览器实现网页内容复制

最近在项目中遇到这样一个需求：点击按钮，将指定的URL复制到剪贴板，然后用户可以粘贴到浏览器(Safari为主)自行打开。方案一：zeroClip

浅浅的花香味﹌/ 2022年07月13日 20:13/ 0 赞/ 144 阅读

相关使用clipboard.js复制示例

项目地址：[https://github.com/zenorocha/clipboard.js][https_github.com_zenorocha_clipboard.js

淡淡的烟草味﹌/ 2022年06月06日 05:37/ 0 赞/ 198 阅读

相关使用clipboard.js实现复制功能

最近在开发中，使用原生js复制时，发现在360 7.1的低版本中无法实现代码的复制，随后便网上找了插件实现复制功能，检验后，发现在低版本也支持 demo： <i

青旅半醒/ 2022年05月23日 07:11/ 0 赞/ 246 阅读

相关 clipboard.js复制功能实现

前言 clipboard.js是前端实现复制文本到剪贴板的插件，简单记录一下使用方法。具体使用 1.简单的demo <!DOCTYPE html>

拼搏现实的明天。/ 2022年05月18日 09:05/ 0 赞/ 286 阅读

相关 clipboard使用总结兼容各浏览器的复制粘贴功能

[https://juejin.im/entry/5a5f3821518825734d14a754][https_juejin.im_entry_5a5f38215188257

爱被打了一巴掌/ 2022年01月18日 23:39/ 0 赞/ 332 阅读

相关复制插件 - clipboard

1 yarn安装clipboard 2 引入：import ClipboardJS from 'clipboard'; 3 使用 <a class="copyTr

水深无声/ 2021年12月17日 00:01/ 0 赞/ 289 阅读

相关 clipboard.js复制操作

github项目地址:[https://github.com/zenorocha/clipboard.js][https_github.com_zenorocha_clipbo

男娘i/ 2021年10月15日 02:25/ 0 赞/ 302 阅读