移动端复制到粘贴板

老大是写后台的,让我解决手机端复制到粘贴板的问题,我搞了半天说有兼容问题,不好解决,然后过了一会老大说我找到了一个解决办法,把链接发给我了,让我看一下,哎,搜索关键字很重要啊。下面附上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
    <title>移动端复制到剪贴板!</title>
</head>
<body>
<p>哈哈<span id="target">你没看错,就是复制的这里</span></p>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
    复制按钮
</button>

</body>
<script>

    $(document).ready(function(){
        var targetText=$("#target").text();
        var clipboard = new Clipboard(‘#copy_btn‘);

        clipboard.on(‘success‘, function(e) {
            console.info(‘Action:‘, e.action);
            console.info(‘Text:‘, e.text);
            console.info(‘Trigger:‘, e.trigger);
            alert("复制成功");

            e.clearSelection();
        });
    });

</script>
</html>

  

时间: 2024-10-17 16:29:04

移动端复制到粘贴板的相关文章

转JS--通过按钮直接把input或者textarea里的值复制到粘贴板里

document.activeElement属性为HTML 5中新增的document对象的一个属性,该属性用于返回光标所在元素.当光标未落在页面中任何元素内时,属性值返回body元素. setSelectionRange(start, end) 设置选中文本起始位置与结束位置 execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令     点击按钮复制textarea文本框中内容 <script type="text/javascript"> func

zeroclipboard实现多浏览器复制到粘贴板功能

zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了:出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipboard.js和ZeroClipboard.swf.ZeroClipboard10.swf(“为了flash10”)放到项目中,可以通过ZeroClipboard.setMoviePath(

点击图片直接把图片地址复制到粘贴板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="robots" c

js 实现复制到粘贴板功能

前言:js 或者 jquery 都可以实现的复制到粘贴板功能,有时还想要有换行等格式(同 textarea) demo <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

js实现复制到粘贴板,兼容各浏览器

网上搜js实现复制粘贴的文章一大堆,但是没几个能用的.有的文章说Clipboard Copy解决,利用一个clipboard.swf作为桥梁,复制内容到剪贴板. 听说的是兼容IE.Firefox.Opera.chrome. Safari,但是必须浏览器支持Flash,考虑到Flash支持不是100%,所以我摒弃了这个方案. 说说我的实现,灵感来自优酷分享的复制,在此之上加以修改的.经测试,支持IE.Firefox.Opera.chrome.搜狗浏览器.360等主流浏览器,Safari是本身不支持

javascript copy 复制到粘贴板的方法

1.如果只是实现一个复制的功能呢有一个比较简单的方案废话不说,直接上代码 (pc 推荐) <script type="text/javascript"> function copyUrl2() { var Url2 = document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 } </sc

【C#学习笔记】文本复制到粘贴板

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namespace WindowsFormsApplication5 { public partial class Form1 :

IE中操作粘贴板复制和粘贴

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

粘贴板与导出Excel

网页代码 1 <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 2 3 <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"> 4 </asp:ScriptManagerProxy&g