精华内容
下载资源
问答
  • 如果网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...
  • 使用 jQuery 复制文字剪贴板的技巧

    千次阅读 2016-08-11 17:49:27
    如果网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...

    如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少是浏览器不再提供支持,因此这个解决方案是没有未来的。虽然可以使用jQuery或者纯JavaScript,甚至完全自己写,但是当有人已经创建了一个解决方案,那么为什么还要重复发明轮子呢?让我们一起看看Clipboard.js吧。

    Clipboard.js删 除了Flash组件并且优雅地解决了这个问题,需要做的只是引入其脚本,在HTML标签上赋一个“data-clipboard-target”属性然后 写一小段JavaScript片段。为了演示假定有一个货币转换应用,在一个文本框中输入数值时同时将兑换结果显示在另一个文本框中,当点击文本框时,会 触发事件将其复制到剪贴板然后显示一条消息。

    下面是我的实现。

    假如这是你的文本框。(我使用MVC框架创建我的应用程序)

    <div class="row">
        <div class="col-md-6">
            From
            <div class="input-group">
                <div class="input-group-addon">$</div>
                @Html.EditorFor(model => model.AmountFrom, new { htmlAttributes = new { @class = "form-control input-largest", @step = "0.01", @type = "number" } })
            </div>
        </div>
        <div class="col-md-6">
            To
            <div class="input-group">
                <div class="input-group-addon">$</div>
                <input type="text" id="AmountTo" value="@Model.AmountTo" class="form-control input-largest" readonly data-clipboard-action="copy" data-clipboard-target="#AmountTo" />
            </div>
        </div>
    </div>

    你有没有注意到我有一个 AmountTo 和 一个AmountFrom,AmountTo是输入AmountFrom 是输出 ,当我们点击这个的时候其值就会传给剪切板。这个神奇的事情发生在属性“data-clipboard-target”里面。

    我们也添加一个消息框用来显示拷贝动作消息

    <div class="row">
        <div class="col-md-6"><br /><span id="messageBox" class="text-success" style="display: block; text-align: center"></span></div>
    </div>

    到这里就是你所关心的HTML部分。现在让我们去看 JavaScript/jQuery 部分

    <script src="~/Scripts/clipboard.min.js"></script>
    <script>
        var clipboard = new Clipboard(&apos;#AmountTo&apos;);
        clipboard.on(&apos;success&apos;, function (e) {
            $("#messageBox").text("Amount Successfully Copied!").show().fadeOut(2000);
     
            e.clearSelection();
        });
     
        clipboard.on(&apos;error&apos;, function (e) {
            $("#messageBox").text("Error Copying Amount").show().fadeOut(2000);
        });
     
        $(&apos;#AmountFrom&apos;).click(function () {
            $("#AmountFrom").val("");
        });
     
    </script>

    至此,会发现我们只是引入了clipoard.js,如果实例化Clipboard成功,然后会给事件赋予一些动作,否则它会触发一个错误,是这样吧?这一切都很好,它能兼容所有最新的浏览器,除了IE,它会给出下面这样的一个消息。

    如果希望看一下实际的效果,这是一个JSFiddle示例

    接下来就是抓取剪贴板的数据然后当点击时自动地粘贴到一个文本框,至此,看上去浏览器因为一个安全上的风险会阻止它,但是我会尝试找到甚至做出一个方案,因此大家还得继续关注。

    展开全文
  • 如果网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...
    如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少是浏览器不再提供支持,因此这个解决方案是没有未来的。虽然可以使用jQuery或者纯JavaScript,甚至完全自己写,但是当有人已经创建了一个解决方案,那么为什么还要重复发明轮子呢?让我们一起看看Clipboard.js吧。
    Clipboard.js删除了Flash组件并且优雅地解决了这个问题,需要做的只是引入其脚本,在html标签上赋一个“data-clipboard-target”属性然后写一小段JavaScript片段。为了演示假定有一个货币转换应用,在一个文本框中输入数值时同时将兑换结果显示在另一个文本框中,当点击文本框时,会触发事件将其复制到剪贴板然后显示一条消息。
    下面是我的实现。
    假如这是你的文本框。(我使用MVC框架创建我的应用程序)
    1. <div class="row">
    2.     <div class="col-md-6">
    3.         Fromhttp://www.nvzi91.cn/chunvmoxiufu/29963.html
    4.         <div class="input-group">
    5.             <div class="input-group-addon">[        DISCUZ_CODE_8        ]lt;/div>
    6.             @Html.EditorFor(model => model.AmountFrom, new { htmlAttributes = new { @class = "form-control input-largest", @step = "0.01", @type = "number" } })
    7.         </div>
    8.     </div>
    9.     <div class="col-md-6">
    10.         Tohttp://www.nvzi91.cn/fujianyan/29964.html
    11.         <div class="input-group">
    12.             <div class="input-group-addon">[        DISCUZ_CODE_8        ]lt;/div>
    13.             <input type="text" id="AmountTo" value="@Model.AmountTo" class="form-control input-largest" readonly data-clipboard-action="copy" data-clipboard-target="#AmountTo" />
    14.         </div>http://www.nvzi91.cn/gongjingfeida/29965.html
    15.     </div>
    16. </div>
    复制代码
    你有没有注意到我有一个 AmountTo 和 一个AmountFrom,AmountTo是输入AmountFrom 是输出 ,当我们点击这个的时候其值就会传给剪切板。这个神奇的事情发生在属性“data-clipboard-target”里面。
    我们也添加一个消息框用来显示拷贝动作消息
    1. <div class="row">
    2.     <div class="col-md-6"><br /><span id="messageBox" class="text-success" style="display: block; text-align: center"></span></div>
    3. </div>http://www.nvzi91.cn/gongwaiyun/29966.html
    复制代码
    到这里就是你所关心的HTML部分。现在让我们去看 JavaScript/jQuery 部分
    1. <script src="~/Scripts/clipboard.min.js"></script>
    2. <script>http://www.nvzi91.cn/gongjingfeida/29967.html
    3.     var clipboard = new Clipboard('#AmountTo');
    4.     clipboard.on('success', function (e) {
    5.         $("#messageBox").text("Amount Successfully Copied!").show().fadeOut(2000);
    6.   
    7.         e.clearSelection();
    8.     });
    9.   
    10.     clipboard.on('error', function (e) {
    11.         $("#messageBox").text("Error Copying Amount").show().fadeOut(2000);
    12.     });
    13.   www.nvzi91.cn
    14.     $('#AmountFrom').click(function () {
    15.         $("#AmountFrom").val("");
    16.     });
    17.   
    18. </script>
    展开全文
  • 一直很纳闷为什么在tmux模式下能把复制到的文字放到系统的粘贴里面呢?通过层层阻碍,终于找到了原因。 去掉 ~/.tmux.conf中 #设置鼠标可用#setw -g mode-mouse on 如果你最开始的时候学别人的配置,加上了...

    以下所有操作都是在windows下面用putty连接linux centos6的情景下。

     

    一直很纳闷为什么在tmux模式下不能把复制到的文字放到系统的粘贴板里面呢?通过层层阻碍,终于找到了原因。

    去掉 ~/.tmux.conf中

    #设置鼠标可用
    #setw -g mode-mouse on

    如果你在最开始的时候学别人的配置,加上了这个选项,那么你就会发现在tmux下不能复制文字,去掉就可以了。

    现在就可以直接选中要复制的文字,然后右键粘贴。

     

    copy-mode模式下复制粘贴:

    bind-key [ 进入在tmux的copy-mode下,可以使用Space进入选中模式,按Enter复制并退出,按q不复制并退出。

    这种复制不会在windows剪贴板上。

    可以通过tmux show-buffer显示。

     

    vim模式下复制到windows剪贴板,这个tips参考自:url

    复制的时候,如果直接用鼠标复制的时候,是又vim处理的,需要按住shift才是xterm处理的,
    后来用vnc连server发现在vim中也是同样适用的。

     

     

    转载于:https://www.cnblogs.com/vastiny/p/3704881.html

    展开全文
  • 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种...//判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种t

    图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码
    目前限chrome浏览器使用
    首先以um-editor的二进制流保存为例:
    打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。
    加入下面的代码:

    //判断剪贴板的内容是否包含文本

    //首先解释一下为什么要判断文本是不是为空

    //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象

    //为了兼容4种格式的情况,做了如下的判断

    //如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容

    //当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型

    //如果有文字的话不做任何的处理,如果只粘贴图片的话文本一定是空的,包括复制的桌面图片或者截图的图片

    var text = e.originalEvent.clipboardData.getData("text");

    if(text == ""){

        var items=e.originalEvent.clipboardData.items;

         for (var i = 0, len = items.length; i < len; i++) {

            var item = items[i];

           if ( item.kind == 'file' && item.type.indexOf('image/') !== -1 ) {

             

                  var blob = item.getAsFile();

                  getBase64(blob, function( base64 ) {

                  //sendAndInsertImage(base64,me); 上传到服务器

                   setBase64Image(base64,me);

                  });

                  //阻止默认事件, 避免重复添加;

                  e.originalEvent.preventDefault();

                 };

            }

    }

    两个方法:

    //执行插入图片的操作

    function setBase64Image(base64,editor){

        editor.execCommand('insertimage', {src: base64,_src: base64});

    }

    //获得base64

    function  getBase64(blob, callback) {

        var a = new FileReader();

        a.onload = function(e) {callback(e.target.result);};

        a.readAsDataURL(blob);

    };

    效果展示:

    详细内容可参考这篇文章:http://blog.ncmem.com/wordpress/2019/08/07/ueditor-word%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0/

    讨论群:223813913

    展开全文
  • 近些年,微软 Windows 10 ...你会发现,我们之前的使用习惯中,剪贴板是「一次性」的。如果多次复制,前几次复制的内容就会被覆盖。如果我需要复制好几个独立的文字,那我就不得来回切换两个程序好多次。...
  • 近些年,微软 Windows 10 ...你会发现,我们之前的使用习惯中,剪贴板是「一次性」的。如果多次复制,前几次复制的内容就会被覆盖。如果我需要复制好几个独立的文字,那我就不得来回切换两个程序好多次。...
  • 近些年,微软 Windows 10 提供了越来越丰富的软件升级,这之中不乏原本需要第三方软件来补足的功能。▍剪贴板:改变你复制、粘贴的思维方式是时候...如果我需要复制好几个独立的文字,那我就不得来回切换两个程...
  • 最近发现有一台Win2003服务器连接了远程桌面进去,无法将本机Win7粘贴的文字复制过去。   方法:   1.开始——运行——mstsc——选项——本地资源——勾选“剪贴板”   2.允许的话可以话尝试重启一次服务器...
  • 文字表情符号生成器: 您是否厌倦了浪费时间与朋友聊天中复制和粘贴文本表情符号... 您还可以选择直接聊天中生成表情符号,或者通过将clipboard选项设置true来将表情符号复制剪贴板。 { "clipboard": false,
  • 会计理论考试题

    2012-03-07 21:04:40
    A、写字板 B、记事本 C、画笔 D、剪贴板 38.下列软件中,___C___都属于系统软件。 A、DOS、WPS、Windows B、AutoCAD、Windows NT、Word C、UNIX、DOS、WindoWs D、UNIX、C、MIS 39.资源管理器中删除硬盘上的文件后...
  • 7.1.4 使用自动换行让单元格内文字不拥挤 7.1.5 插入行添加报销单标题 常见问题 差旅费报销范围的界定 7.1.6 设置单元格文字的格式 7.1.7 使用“边框”对话框添加框线 经验分享 如何替上司预订车票 7.1.8 设置打印...
  • 这里为什么没有使用图层样式里的描边 WORKS 8 星影光晕——定义画笔与图层管理 案例注释 用图层组组织和管理图层 如何指定光晕中心的位置 为什么要定义画笔 图层组的打开和关闭 知识拓展 三原色,基色、次混合色和...
  • 1. 选定一个记录后,只需轻摇手机即可复制用户名或密码到剪贴板,再粘贴到其他程序中使用。 2. 记录收藏夹,可将最常用的记录置于其中实现快速访问。 3. 记录搜索,输入部分或全部的记录名称作为关键字即可进行快速...
  • C++MFC教程

    热门讨论 2013-05-21 13:37:15
    4、窗口句柄:说到消息就说窗口句柄,系统通过窗口句柄来整个系统中唯一标识一个窗口,发送一个消息时必须指定一个窗口句柄表明该消息由那个窗口接收。而每个窗口都会有自己的窗口过程,所以用户的输入就会...
  • 1. 选定一个记录后,只需轻摇手机即可复制用户名或密码到剪贴板,再粘贴到其他程序中使用。 2. 记录收藏夹,可将最常用的记录置于其中实现快速访问。 3. 记录搜索,输入部分或全部的记录名称作为关键字即可进行快速...
  • PDG文件批量转换PDF

    热门讨论 2011-03-24 14:55:37
    转换过程占用系统剪贴板,因此转换时,影响用户前台的正常工作。 打开目录时自动对PDG文件进行格式统计,并报告结果。 可以自动将文件按封面、前言、目录、正文、附录的顺序排列,也可以手动调整。 ...
  • 151.8.5 与Office 2000相关的改进 151.9 安装Access 2000 171.9.1 Access 2000的初始安装 171.9.2 定制Access 2000 201.10 安装和配置Microsoft数据引擎 20 1.11 现实世界—为什么升级 23第2章 建立第一个Access ...
  • 151.8.5 与Office 2000相关的改进 151.9 安装Access 2000 171.9.1 Access 2000的初始安装 171.9.2 定制Access 2000 201.10 安装和配置Microsoft数据引擎 20 1.11 现实世界—为什么升级 23第2章 建立第一个Access ...
  • 151.8.5 与Office 2000相关的改进 151.9 安装Access 2000 171.9.1 Access 2000的初始安装 171.9.2 定制Access 2000 201.10 安装和配置Microsoft数据引擎 20 1.11 现实世界—为什么升级 23第2章 建立第一个Access ...
  • 151.8.5 与Office 2000相关的改进 151.9 安装Access 2000 171.9.1 Access 2000的初始安装 171.9.2 定制Access 2000 201.10 安装和配置Microsoft数据引擎 20 1.11 现实世界—为什么升级 23第2章 建立第一个Access ...
  • 软件界面设计工具_3款合集

    千次下载 热门讨论 2010-06-29 03:52:47
    将图片直接从剪贴板中粘贴到工程文件夹的文件中。 屏幕设计程序 可同时打开多个设计文档并能使用分页界面文档间快速切换。 可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、...
  • powerbuilder

    2013-11-21 17:11:48
    参数printjobnumber:用PrintOpen()函数打开的打印作业号x:integer类型,指定要打印屏幕图像左上角打印页上的x坐标,以千分之一英寸单位y:integer类型,指定要打印屏幕图像左上角打印页上的y坐标,以千分...
  • 剪贴板处理:自动将复制的内容转换 Markdown 格式;外链的图片自动上传站内 @用户:根据用户名自动补全,支持快捷键 Emoji:支持大部分主流 Emoji 表情,快捷键自动补全 数学公式:支持 LaTex 数学公式渲染 ...
  • 1. 为什么有这个表 作为开发者其实比较好奇其他人做什么业余项目(不管目的是做到盈利/玩票/试试看) 所以特意建了这个库。欢迎各位开发者把自己的项目加进来~ 发 Pull Request 或 Issue 即可 (入选标准:必须是...
  • 10.7 对剪贴板的操作 226 10.8 本章小结 229 第11章 SWT线程 230 11.1 线程概述 230 11.1.1 什么是线程 230 11.1.2 创建线程的两种方式 231 11.2 SWT中的UI线程 234 11.3 其他线程访问UI线程 234 ...
  • 10.7 对剪贴板的操作 226 10.8 本章小结 229 第11章 SWT线程 230 11.1 线程概述 230 11.1.1 什么是线程 230 11.1.2 创建线程的两种方式 231 11.2 SWT中的UI线程 234 11.3 其他线程访问UI线程 234 ...
  • C#编程经验技巧宝典

    热门讨论 2008-06-01 08:59:33
    79 <br>0115 如何判断是否数字 79 <br>0116 如何字符串中查找指定字符 79 <br>0117 如何字符串中用一子串替换另一子串 80 <br>0118 将新字符串添加到已有字符串中 80 <br>0119 如何...
  • 近些年,微软 Windows 10 ...你会发现,我们之前的使用习惯中,剪贴板是「一次性」的。如果多次复制,前几次复制的内容就会被覆盖。如果我需要复制好几个独立的文字,那我就不得来回切换两个程序好多次。...

空空如也

空空如也

1 2
收藏数 31
精华内容 12
关键字:

为什么复制文字不在剪贴板