精华内容
下载资源
问答
  • 介绍ZeroClipboard是在桌面电脑的浏览器上,通过flash技术实现“复制到剪切”功能的一个程序。它的好处是可以兼容所有浏览器,完成剪切的操作。我们在使用的时候主要就用到两个文件:一个是js文件ZeroClipboard....

    介绍

    ZeroClipboard是在桌面电脑的浏览器上,通过flash技术实现“复制到剪切板”功能的一个程序。它的好处是可以兼容所有浏览器,完成剪切板的操作。

    我们在使用的时候主要就用到两个文件:一个是js文件ZeroClipboard.js,用来引用在网页中;另一个则是swf文件ZeroClipboard.swf,它无需我们在代码里引用,而是被之前的那个ZeroClipboard.js二次调用的。

    ZeroClipboard的工作原理大概是,在网页的“复制”按钮上层遮罩一个透明的flash,这个flash在被点击之后,会调用其的剪切板处理功能,完成对特定文本的复制。这里有几件事需要我们来完成:

    创建一个透明的flash
    将这个flash浮在按钮上层
    确定要复制的文本是什么
    监听这个透明flash的鼠标点击事件
    该flash被点击之后,完成剪切板处理
    对于这几件事,ZeroClipboard分别提供了不同的api,来完成整个需求。

    创建flash

    创建的过程其实就是一个var clip = new ZeroClipboard.Client()的过程,这时ZeroClipboard.swf会被载入。值得注意的时,这里的swf文件默认需要放在和网页相同的目录下,且文件名固定。如果我们需要移动这个swf文件的位置或改名,则需要在创建swf文件之前运行:

    ZeroClipboard.setMoviePath( ‘http://YOURSERVER/path/ZeroClipboard.swf’ );

    ZeroClipboard.setMoviePath( ‘./src/ZeroClipboard.swf’ );
    里面的参数可以是相对地址也可以是绝对地址。

    将透明flash浮在按钮上层

    这里有一个很有趣的英文单词:glue。我们可以通过下面这个api,将flash和按钮重叠,且浮在按钮之上:

    clip.glue( 'clip-button-id' );
    或
    clip.glue( document.getElementById('clip-button-id' ));

    即第一个参数为id或dom对象都可以。如果按钮在网页运行中位置发生了变化,flash是不会自动调整位置的,为此我们提供了另一个api可以手动更新flash的位置:

    clip.reposition();
    flash的相对浮动

    这里还提供了一种更巧妙的方式:如果按钮的上层有任何position:relative的块状元素,比如div,而按钮和这个块状元素的位置又是相对固定的,那么可以在调用glue函数时,将这个div的id作为第二个参数传进去,不过同时reposition这个api就失效了。比如:

    clip.glue( ‘clip-button-id’, ‘clip-container-id’ );
    设置要复制的文本

    这一步很简单:

    clip.setText(‘要复制的文本在这里’);
    监听事件

    通过addEventListener进行事件绑定,可以绑定的事件有以下几个:

    onload:flash文件加载成功
    onmousedown:鼠标在flash上按下
    onmouseup:鼠标在flash上释放
    onmouseover:鼠标经过flash
    onmouseout:鼠标移开flash
    oncomplete:剪切板操作完成 (用鼠标点击该flash浮层的时候会触发事件复制到剪切板)
    剪切板操作完成之后可以通过api销毁flash
    
    clip.destroy();
    展开全文
  • 复制剪贴板功能

    千次阅读 2012-07-27 16:18:02
    复制剪贴板功能 html代码如下: ZeroClipboard(复制功能) 卡号: 点击复制卡号 js代码如下: function init() { var clip = new ZeroClipboard.Client(); clip.setHandCursor( true ); ...

    复制剪贴板功能

    html代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    	<title>ZeroClipboard(复制功能)</title>
    </head>
    <body>
    	<label for="cardid">卡号:</label>
    	<input type="text" name="cardid" id="cardid" value="123456789" readonly="readonly" />
    	<button id="copycardid">点击复制卡号</button>
    </body>
    </html>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="ZeroClipboard.js"></script>

    js代码如下:

    function init() {
    	var clip = new ZeroClipboard.Client();
    	clip.setHandCursor( true );
    	clip.setText($('#cardid').val());
    	clip.addEventListener( "mouseUp", function(client) {
    		alert("复制成功!");
    	});
    	clip.glue("copycardid");
    }
    $(function(){
    	init();
    });

    实现原理:

    利用透明的flash覆盖在复制按钮上,点击flash,将复制内容传入到flash中,再通过flash把传入的内容写到剪贴板上。

    使用方法:

    需要把flash和js放到同一路径下,然后引用js即可。

    具体参数说明:

    var clip = new ZeroClipboard.Client(); // 新建一个对象

    clip.setHandCursor( true ); //设置鼠标手型

    clip.setText($('#cardid').val()); // 设置要复制的文本

    clip.glue("copycardid"); //复制按钮的ID

    实例下载地址:

    URL:http://download.csdn.net/detail/athrunzero/4458460

    PS:如果flash和js不在同一路径,可使用ZeroClipboard.setMoviePath( “Flash路径” );来设置flash路径。

    PS2:博客搬家了,以后不再 CSDN 更新了,见谅。最新博客地址:http://www.cnblogs.com/yjzhu/

    展开全文
  • cmd 复制剪贴板命令If you've ever been debugging with a fellowdeveloper, you'll hear "OK, execute that and let me know what it says". In this case, you can either manually copy the output and instant...

    cmd 复制到剪贴板命令

    If you've ever been debugging with a fellow developer, you'll hear "OK, execute that and let me know what it says".  In this case, you can either manually copy the output and instant message the text over to them, or you can write the output to file with >> , open the file, manually copy the contents, and paste it into IM.  I experience this for a few hours recently and it was way to much work!  Shouldn't there be a way to quickly place an execution's output directly into the clipboard just to save some time?  You can with pbcopy!

    如果您曾经与其他开发人员一起进行调试,您会听到“确定,执行该命令,让我知道它在说什么”。 在这种情况下,您可以将输出和即时消息文本手动复制到它们,也可以使用>>将输出写入文件,打开文件,手动复制内容,然后将其粘贴到IM中。 我最近经历了几个小时,这是很多工作的方式! 难道没有一种方法可以将执行的输出直接直接放置到剪贴板中以节省时间吗? 您可以使用pbcopy

    将标准输出复制到剪贴板 (Copy stdout to Clipboard)

    You'll use a single pipe to transfer the stdout result into the clipboard:

    您将使用单个管道将标准输出结果传输到剪贴板:

    
    # command | pbcopy
    hg diff | pbcopy
    
    
    

    The git diff information is copied to the clipboard in this example; now you can show your colleague what you've changed.

    在此示例中, git diff信息被复制到剪贴板。 现在您可以向您的同事展示您所做的更改。

    将文件内容复制到剪贴板 (Copy File Contents to Clipboard)

    In the case of copying file contents into the clipboard, pbcopy goes first:

    如果将文件内容复制到剪贴板,则pbcopy首先执行:

    
    # pbcopy < file.ext
    pbcopy < circle.yml
    
    
    

    The complete file contents are instantly copied to the clipboard for easy sharing.

    完整的文件内容将立即复制到剪贴板,以方便共享。

    粘贴到文件 (Pasting to File)

    So what if you want to paste the clipboard contents into a new or existing file?  Use pbpaste:

    那么,如果要将剪贴板内容粘贴到新文件或现有文件中怎么办? 使用pbpaste

    
    #pbpaste > file.txt
    pbpaste > commands.txt
    
    
    

    The clipboard contents will be placed into the given file.

    剪贴板中的内容将放入给定文件中。

    pbcopy will be a big timesaver for me moving forward.  Manually copy and pasting information is with the mouse or trackpad is inconvenient and time-consuming.  These types of command line techniques can make us more proficient, skilled developers!

    pbcopy对于我前进将是一个巨大的pbcopy时间。 用鼠标或触控板手动复制和粘贴信息既不方便又耗时。 这些类型的命令行技术可以使我们变得更加熟练,技术熟练的开发人员!

    翻译自: https://davidwalsh.name/copy-clipboard-command-line

    cmd 复制到剪贴板命令

    展开全文
  • VIM 复制内容到剪贴板 剪贴板复制到VIM Luo Weifeng 2011-7-16 关于VIM剪贴板这篇文章讲的很到位。http://hi.baidu.com/abobo1986/blog/item/6c0c766e7dd9bedc81cb4a9a.html 这里我直接给出操作...

    VIM 复制内容到剪贴板 剪贴板复制到VIM

    Luo Weifeng 2011-7-16


    关于VIM剪贴板这篇文章讲的很到位。http://hi.baidu.com/abobo1986/blog/item/6c0c766e7dd9bedc81cb4a9a.html

    这里我直接给出操作过程,方便新手。

    1. ESC进入命令模式

    2. v 进入块操作模式

    3. 移动光标选中要复制的代码块

    4. 输入                   “+y          这三个字符,酱紫你的内容就被复制到系统的剪贴板了,就可以跟平常一样使用了。

    同理,可以把系统剪贴板中的内容复制到VIM中,使用 “+p酱紫就可以了。      

    关于VIM块操作这篇文章就够用:

    http://www.cnblogs.com/myjavawork/articles/2001632.html

    展开全文
  • mui——复制剪贴板

    千次阅读 2018-10-12 15:07:07
    下面是mui中封装的复制剪贴板的方法,可以直接复制使用。 // 复制方法 function copy_fun(copy){//参数copy是要复制的文本内容 mui.plusReady(function(){ //判断是安卓还是ios if(mui.os.ios){ //ios ...
  • Unity 复制文本到剪贴板API

    千次阅读 2019-06-04 10:15:17
    GUIUtility.systemCopyBuffer = "复制的文本"; //将文字复制剪贴板API
  • Android 内容复制剪贴板

    千次阅读 2018-08-04 15:00:42
    简单使用,将所需内容复制到剪贴版   private ...//获取剪贴板管理器: cm = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE); // 创建普通字符型ClipData mClipData = ClipDat...
  • Vim 从外部粘贴 :set paste 复制剪贴板 gg"+yG
  • 复制剪贴板”功能是我们每天都用几十次的功能,但是客户端API一直都很缺乏,一些较旧的API和浏览器实现需要一个可怕的“你确定?” - 风格的对话之前,内容将被复制剪贴板 - 不适合可用性或信任。大约七年前,...
  • JS实现复制剪贴板

    万次阅读 2014-09-25 14:39:58
    复制剪贴板 $(document).ready(function(){ if ( window.clipboardData ) { $('.copy_btn').click(function() { window.clipboardData.setData("Text", $(this).prev('...
  • js实现复制剪贴板

    万次阅读 2019-06-06 11:20:22
    js 复制剪贴板 1、execCommand 原生 copy,兼容 ios10 + var input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); input.setAttribute('value', Copytext); document.body....
  • 为了提升用户体验,点击【复制】按钮就自动复制剪贴板,那么就需要前端实现这种功能了。 首先明确了需求就先看一下最终图片: html分析 左边是一个input的文本框,只读,右边是一个按钮。 代码实现: &lt;!--...
  • 支付宝小程序复制剪贴板

    千次阅读 2018-12-25 13:50:50
    支付宝小程序复制剪贴板 my.getClipboard 获取剪贴板数据。 Page({ data: { text: '3.1415926', copy: '', }, handlePaste() { my.getClipboard({ success: ({ text }) =&amp;gt; { this.setData({ ...
  • 用于复制粘贴数据的基于剪贴板的框架。 同时支持简单和复杂的数据,包括文本串、复杂的数据结构、文本和二进制流数据、程序 asset。 直接从剪贴板复制粘贴简单文本。 用content provider复制粘贴复杂数据。 需要...
  • JS 复制剪贴板

    千次阅读 2013-10-30 09:52:17
    JS 复制剪贴板 /* * 复制剪贴板 * * */ function copyToClipboard(txt) { if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.se
  • java实现复制内容到剪贴板

    万次阅读 2017-05-04 17:19:07
    java实现复制内容到剪贴板
  • delphi 复制剪贴板 The Windows Clipboard represents the container for any text or graphics that are cut, copied or pasted from or to an application. This article will show you how to use the ...
  • mac 复制剪贴板

    千次阅读 2015-09-04 22:45:12
    复制剪贴板cat ~/.ssh/id_rsa.pub | pbcopy网上说的 yygG bu 不管作用
  • MFC:使用剪贴板,怎么将内容复制剪贴板   有的时候,我们的程序或许要将一些内容复制剪贴板,以方便用户的需要。 例如,我所写的一个nod32免费用户名密码获取器,就有这个功能,这样做的好处是可以直接将...
  • 此时最希望有一个不占太多内存小巧工具展示出我们剪贴板所有复制的记录,让我们可以选择我们想要复制的那条内容。 然而,我们在百度后下载了一些小工具,但担心的问题又来了:1.这小工具是病毒或者后门并且杀软检测...
  • 主要代码: ClipboardManager cmb = (ClipboardManager) getSystemService(CLIPBOARD_SERVICE); //将et中的内容设置进剪贴板中 ...//将剪贴板中的内容拿出来显示--有hasText()可以判断剪贴板中是否有内容 textvie
  • Flash+JS实现跨浏览器复制剪贴板功能

    千次阅读 2015-03-30 13:21:08
    做JS的都知道,如果不考虑浏览器的兼容问题,其实,JS本身的window.clipboardData对象是可以做到复制内容到剪贴板的功能,但除了IE浏览器,FF和Chrome浏览器都不支持。现在为了浏览器的兼容问题,只能使用Flash来做...
  • Mac Alfred快速复制剪贴板和指定文本

    千次阅读 2016-10-12 10:50:11
    快速唤出剪贴板历史,并复制某一项 快速复制某一段固定内容的文本 第一项在Mac上有很多小工具实现,第二项在输入密码时经常会碰到,比如我在终端sudo执行命令或者连接redis数据库时需要输入密码,这些密码我又不想...
  • JS复制内容到剪贴板

    千次阅读 2017-07-12 16:20:30
    JS复制内容到剪贴板
  • Android剪贴板复制粘贴文本

    千次阅读 2019-02-26 14:15:49
    转至简书:...   复制剪贴板 /** * 复制剪贴板 * @param context * @param text */ public static void putTextIntoClip(Context context,String text){ Clipboard...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 68,885
精华内容 27,554
关键字:

复制的剪贴板怎么找