精华内容
下载资源
问答
  • jquery.zclip控件下载,js粘贴复制功能,Flash插件解决跨浏览器问题!
  • ZeroClipboard是通过flash+js实现复制到剪切板功能,浏览器兼容性好。工作原理大概是:在“复制”按钮上遮罩一个透明的flash,flash被点击后,会调用其的剪切板处理功能,完成对文本内容的复制下载 ...

    注:在本地通过文件浏览方式是不能复制成功的,要放到web服务器目录下,通过http网址访问才能复制


    ZeroClipboard是通过flash+js实现复制到剪切板功能,浏览器兼容性好。工作原理大概是:在“复制”按钮上遮罩一个透明的flash,flash被点击后,会调用其的剪切板处理功能,完成对文本内容的复制。

    下载 ZeroClipboard文件,需要把ZeroClipboard.js 和 ZeroClipboard.swf 放入到项目中。

    实现步骤:创建一个flash->让其漂浮在“复制”按钮上->监听flash的点击事件->点击后将文本内容存到剪切板。

    创建flash:

        ZeroClipboard.setMoviePath("js/zeroclipboard/ZeroClipboard.swf");//注意把地址改成自己项目中的实际地址
        var clip = new ZeroClipboard.Client();

    让flash漂浮在“复制”按钮之上:

      clip.glue('d_clip_button'); //'d_clip_button'为按钮id

    clip.reposition()可以用来处理当页面大小发生变化时,flash可能会错位而导致点击不到,它可以重新复位 Flash到复制按钮之上,可以将它绑定到window的resize事件上。

    如果复制按钮的上层有position:relative的块级元素,如div,并且复制按钮和这个块级元素的位置是相对固定的,则可以在调用glue函数时,将这个块级元素的id作为glue的第二个参数,此时reposition就失效了。这也是ZeroClipboard的示例中的实现方式:clip.glue('d_clip_button', 'd_clip_container');

      clip.setHandCursor( true ); // 设置鼠标移到复制按钮上为手型
      clip.setText("复制内容"); // 设置要复制的文本内容
      clip.setCSSEffects( true );//解决flash遮挡导致按钮像 css “:hover”, “:active” 等伪类可能会失效的问题。

    ZeroClipboard事件:

      load flash加载完成事件
      mouseOver 鼠标划入事件
      mouseOut 鼠标划出事件
      mouseDown 鼠标按下事件
      mouseUp 鼠标松开事件
      complete 复制成功事件

     废话不说了,直接上实现代码:

    View Code
    复制代码
     1$(function () {
     2    init('d_clip_button', 'd_clip_container', 'testContent');//'testContent'复制内容id
     3 });
     4 
     5 function init(btnid, containerid,textid) {
     6     var clip = null;
     7     ZeroClipboard.setMoviePath("js/zeroclipboard/ZeroClipboard.swf");
     8     clip = new ZeroClipboard.Client();
     9     clip.setHandCursor(true);
    10     clip.setCSSEffects(true);
    11            
    12     clip.addEventListener('mouseDown', function (client) {
    13     // update the text on mouse down
    14         clip.setText($('#' + textid).val());
    15     });
    16 
    17     clip.addEventListener('complete', function (client, text) {
    18      //debugstr("Copied text to clipboard: " + text);                
    19         alert("复制成功!");                
    20     });
    21             
    22     clip.glue(btnid, containerid);
    23 }
    复制代码


    相关文件下载:ZeroClipboard.zip

    原文地址:http://www.cnblogs.com/tobebetter/archive/2013/01/09/ZeroClipboard.html


    展开全文
  • http://files.cnblogs.com/files/godlovexq/模仿苹果虚拟home键的效果有解释的.zip 转载于:https://www.cnblogs.com/godlovexq/p/5252782.html

    http://files.cnblogs.com/files/godlovexq/模仿苹果虚拟home键的效果有解释的.zip

     

    转载于:https://www.cnblogs.com/godlovexq/p/5252782.html

    展开全文
  • zeroclipboard实现多浏览器复制粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮 这样就能把内容复制粘贴板了; 出于兼容性的考虑,基本上都...
    zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮


    这样就能把内容复制到粘贴板了;
    出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipboard.js和ZeroClipboard.swf、


    ZeroClipboard10.swf(“为了flash10”)放到项目中,可以通过ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' )方法来加载swf;
    下面是整理的代码(也是通过 网上查找整理的)
    (单个复制按钮):
    html:
    <input type="text" value="text" id="copy_txt"/><a href="javascirpt:;" id="copy_btn">复制</a>
    js:
    <script language="JavaScript">
        ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目录需设置setMoviePath
        ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
        var clip = new ZeroClipboard.Client();   //创建新的Zero Clipboard对象
        clip.setText( '' ); // will be set later on mouseDown   //清空剪贴板
        clip.setHandCursor( true );      //设置鼠标移到复制框时的形状
        clip.setCSSEffects( true );          //启用css
        clip.addEventListener( 'complete', function(client, text) {     //复制完成后的监听事件
              alert("aa")      
              clip.hide();                                          // 复制一次后,hide()使复制按钮失效,防止重复计算使用次数
         } );
       clip.addEventListener( 'mouseDown', function(client) {
              clip.setText( document.getElementById('copy_txt').value );
        } );
        clip.glue( 'copy_btn' );
    </script>
    多个复制按钮:
    <input type="text" value="text" id="copy_txt0"/><a href="javascirpt:;" id="copy_btn0" data='0' class="copyBtn">复制</a>
    <input type="text" value="text" id="copy_txt1"/><a href="javascirpt:;" id="copy_btn1" data='1' class="copyBtn">复制</a>
    <input type="text" value="text" id="copy_txt2"/><a href="javascirpt:;" id="copy_btn2" data='2' class="copyBtn">复制</a>
    js:
    <script language="JavaScript">
    $(".copyBtn").each(function(i){
            var id = $(this).attr('data');
            var clip=null;
            clip = new ZeroClipboard.Client();
            ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目录需设置setMoviePath
            ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
            clip.setHandCursor( true );
            clip.setText( $("#copy_txt"+id).val() );
            clip.addEventListener('complete', function (client, text) {
              alert( "恭喜复制成功" );
            });
            clip.glue( 'copy_btn'+id);
      });
    </script>


    说明:要在服务器环境下才可以运行

    展开全文
  • zeroclipboard实现多浏览器复制粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制粘贴板了;出于兼容性的考虑,基本上都是通过...

    zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了;
    出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipboard.js和ZeroClipboard.swf、ZeroClipboard10.swf(“为了flash10”)放到项目中,可以通过ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' )方法来加载swf;
    下面是整理的代码(也是通过 网上查找整理的)
    (单个复制按钮):
    html:
    <input type="text" value="text" id="copy_txt"/><a href="javascirpt:;" id="copy_btn">复制</a>
    js:
    <script language="JavaScript">
        ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目录需设置setMoviePath
        ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
        var clip = new ZeroClipboard.Client();   //创建新的Zero Clipboard对象
        clip.setText( '' ); // will be set later on mouseDown   //清空剪贴板
        clip.setHandCursor( true );      //设置鼠标移到复制框时的形状
        clip.setCSSEffects( true );          //启用css
        clip.addEventListener( 'complete', function(client, text) {     //复制完成后的监听事件
              alert("aa")      
              clip.hide();                                          // 复制一次后,hide()使复制按钮失效,防止重复计算使用次数
         } );
       clip.addEventListener( 'mouseDown', function(client) {
              clip.setText( document.getElementById('copy_txt').value );
        } );
        clip.glue( 'copy_btn' );
    </script>
    多个复制按钮:
    <input type="text" value="text" id="copy_txt0"/><a href="javascirpt:;" id="copy_btn0" data='0' class="copyBtn">复制</a>
    <input type="text" value="text" id="copy_txt1"/><a href="javascirpt:;" id="copy_btn1" data='1' class="copyBtn">复制</a>
    <input type="text" value="text" id="copy_txt2"/><a href="javascirpt:;" id="copy_btn2" data='2' class="copyBtn">复制</a>
    js:
    <script language="JavaScript">
    $(".copyBtn").each(function(i){
            var id = $(this).attr('data');
            var clip=null;
            clip = new ZeroClipboard.Client();
            ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目录需设置setMoviePath
            ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
            clip.setHandCursor( true );
            clip.setText( $("#copy_txt"+id).val() );
            clip.addEventListener('complete', function (client, text) {
              alert( "恭喜复制成功" );
            });
            clip.glue( 'copy_btn'+id);
      });
    </script>

    附件下载

    展开全文
  • #兼容性 一、npm 下载 npm install clipboard --save 二、导入组件 import Clipboard from 'clipboard' 三、使用 复制 <...
  • //执行后复制hello Copy到粘贴板 通过 var result =clipBordCopy("hello Copy");//ture,false的返回值,判断是否复制成功,兼容多数移动端浏览器,几乎所有的IE 注意:部分浏览器需要配合鼠标点击等用户动作才能...
  • 注意需要下载 ZeroClipboard下载 ... 同时把这三个文件放在同一目录,实现跨浏览器复制粘贴   ZeroClipboard.setMoviePath( 'js/ZeroClipboard.swf' ); //和ZeroClipboard.js不在同一目
  • 浏览器的地址栏可以显示中文,如果全部复制地址栏的时候(待协议如果不带的话就是一个字符串),就会转码了。 例如:D:/workSpace/test/我是谁.html (没有带协议) file:///D:/workSpace/test/%E6%88%91%E6%98%...
  • Chrome网页强制复制插件是一款可以帮助用户解除网页无法复制限制,一键解除封锁右键和选取文字的限制的chrome插件。这款解除网页复制限制chrome插件功能强大、操作简单,在安装之后,填好相应的...在chrome浏览器中...
  • 1、下载:...最新版本最大的改变就是可以键盘操作复制粘贴。 1、使用“/text”将选中起点 2、使用“v”命令进入可视模式 3、选择你要的文字 4、使用“y”,复制到系统剪贴板 5、...
  • 一》浏览器下载文件 setContentType() 该实体头的作用是让服务器告诉浏览器它发送的数据属于什么文件类型。 没有缓存 response.addHeader("Pargam", "no-cache"); response.addHeader("Cache-Control", "no-cache...
  • 安装说明: a. 下载UCWEB6.0浏览器程序,双击后,自动安装。(安装完成后,安装包自动删除) ... 如果要使桌面上使用UCWEB快捷方式图标,右击“UCWEB”复制,然后再桌面上右击——>“ 粘贴快捷方式 ”即可。
  • 现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常会被...所以针对这个问题,特写这篇文章分享如何通过api接口工具轻松地实现微信内自动跳转浏览器下载app的功能。 Mindjump使用...
  • 传统的使用JS复制粘贴,例如,独立的js库Zero Clipboard简单实现复制到剪贴板功能,这种依赖于flash的复制粘贴功能,不同浏览器会有版本不兼容的问题,现在我推荐clipboard.js,完美兼容所有浏览器,而且很方便使用...
  • 前言 现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常...所以针对这个问题,特写这篇文章来解析如何实现微信唤醒默认浏览器下载app的功能教程! 简单的处理方法 1. 用浏览器打...
  • 1.使用其他浏览器打开谷歌应用市场,复制扩展详情地址url 2. 粘贴到:http://chrome-extension-downloader.com/中进行扩展的下载。 3. 拖拽到chrome extension标签中,进行安装。 转载于:...
  • 很多项目中都会有预览pdf文件,普通的可以直接使用a标签来实现该功能,但是此预览是浏览器自带的,有时候项目需求中会有禁止用户禁止下载和打印功能,浏览器自带的是无法满足的。 小编在网上找到pdf.js插件,pdf.js...
  • 一般实现复制粘贴功能的话,我们一般借助第三方插件clipboardjs 首先先贴一下clipboardjs的官网地址:https://clipboardjs.com/ 找到install部分,下载clipboard的包 在html页面引用 <script src="dist/...
  • 下载NCCN指南后无法复制,最后经网络查找发现:PDF文件是受保护的状态,也就是加密的PDF文档 如何破解加密的PDF呢?有一个简单的方法: ...红线标注的部分已经没有显示(secured),此时就可以复制粘贴了...
  • 现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,如此给用户带来的体验台差,用户量无法有效地累积起来,...
  • 2. 下载下面的脚本到本机,然后右击选择记事本打开。 ... 3. 然后按下ctrl+a 全选,再右击复制。之后打开浏览器,单击油猴图标选择添加新脚本 ...粘贴上刚刚复制的脚本,并点击保存按钮 5. 将其启用 随后
  • 首先在浏览器打开我们需要用到的微信跳转接口:复制app的下载链接粘贴到工具页面的输入框中,然后点击生成。2. 生成完成后复制新生成的跳转链接和二维码,微信内打开跳转链接或扫码识别二维码...
  • clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+ 官方网站:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 702
精华内容 280
关键字:

复制粘贴浏览器下载