精华内容
下载资源
问答
  • 如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...
  • 将文本复制到剪贴板应该难。 它需要配置多个步骤,也需要加载数百个KB。 但最重要的是,它应该依赖Flash或任何any肿的框架。 这就是剪贴板.js存在的原因。 安装 您可以在npm上获得它。 npm install ...
  • 使用 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示例

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

    展开全文
  • JAVASCRIPT复制到剪贴板

    2012-01-17 18:29:00
    为什么80%的码农都做了架构师?>>> ...

    来源:我的博客

    最近答应张先生替 42qu 写一个短址服务,写的过程中学到若干新东西,JS操作剪贴板便是其中一例。

    Javascript本身当然提供了操作剪贴板的接口,一般长得像

    function copyToClipboard(text)
    {
        if (window.clipboardData) // IE
        {  
            window.clipboardData.setData("Text", text);
        }
        else
        {  
            unsafeWindow.netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");  
            const clipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);  
            clipboardHelper.copyString(text);
        }
    }

    但是,由于各家对于安全这一字眼的认知存在差异,因此,这些既存接口用起来需要勇气——破罐子破摔的勇气。

    于是,我浏览了 StackOverFlow上的讨论 ,其中提到的使用flash hack看起来像是目前最完美解决方案,于是,我开始了 zeroClipboard 探险。由于我在页面中使用ajax 提交form,用了jQuery的库,导致若干问题,为此我再次寻找,发现了后来采用的解决方案—— zClip

    zClip 结合了zeroClipboard 和 jQuery,满足我的需要,由于其简洁的接口设计,应该也满足大多数人的需要。当然,不得不提的是,其flash依赖导致其存在先天性缺陷,使用请小心。

    下面我贴上其官网的使用说明(翻译):

    1.  添加jQuery 和 zClip到页面中:

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.zclip.js"></script>

    2.  绑定zClip和你用来复制的按钮(或其他元素):

    $(document).ready(function(){
                           
        $('a#copy-description').zclip({
            path:'js/ZeroClipboard.swf',
            copy:$('p#description').text()
        });
                           
        // The link with ID "copy-description" will copy
        // the text of the paragraph with ID "description"
                           
                           
        $('a#copy-dynamic').zclip({
            path:'js/ZeroClipboard.swf',
            copy:function(){return $('input#dynamic').val();}
        });
                           
        // The link with ID "copy-dynamic" will copy the current value
        // of a dynamically changing input with the ID "dynamic"
                           
    });

    3.  默认复制完成后弹出alert,你可以通过配置beforeCopy 和 afterCopy两个回调函数来自定义:

    $(document).ready(function(){
                         
        $("a#copy-callbacks").zclip({
            path:'js/ZeroClipboard.swf',
            copy:$('#callback-paragraph').text(),
            beforeCopy:function(){
                $('#callback-paragraph').css('background','yellow');
                $(this).css('color','orange');
            },
            afterCopy:function(){
                $('#callback-paragraph').css('background','green');
                $(this).css('color','purple');
                $(this).next('.check').show();
            }
        });
                         
    });

    4.  可定制参数:

    0C1F5A2386A99BDC84FEC28BE7714754_500_377.jpg

    使用注意事项:

    1. IE 6, IE 7, IE 8, FF 3.6, Chrome 8, Safari 5, Opera 11 测试通过

    2. 对于正式的CSS效果:

      /* zClip is a flash overlay, so it must provide */
      /* the target element with "hover" and "active" classes */
      /* to simulate native :hover and :active states. */
      /* Be sure to write your CSS as follows for best results: */
                      
      a:hover, a.hover {...}
      a:active, a.active {...}
    3. 显示、隐藏、移除zClip:

      $('a.copy').zclip('show'); // enable zClip on the selected element
                     
      $('a.copy').zclip('hide'); // hide zClip on the selected element
                     
      $('a.copy').zclip('remove'); // remove zClip from the selected element
    4. 为了使效果最好,请在页面的布局固定时绑定zClip到你的元素,虽然有一个函数用以自动调整zClip,但不能保证它不出错。

    其他可参考解决方案:

    1. 囊括所有方案合集: http://brooknovak.wordpress.com/2009/07/28/accessing-the-system-clipboard-with-javascript/

    转载于:https://my.oschina.net/ernest/blog/39251

    展开全文
  • 一直很纳闷为什么在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

    展开全文
  • 国庆小长假回来,手上累计的事情一下子变多了起来,各种文档文件等着整理。但每这个时候,作为给大家讲解干货技巧的WPS君,也迎来了最有成就感的时刻。...01强大的WPS剪贴板在处理文档时,我们有时会需要反...

    国庆小长假回来,手上累计的事情一下子变多了起来,各种文档文件等着整理。

    但每到这个时候,作为给大家讲解干货技巧的WPS君,也迎来了最有成就感的时刻。因为我总能快速地将各种文件整理好,赢来别人艳羡的眼光。

    a9aa16a1f8674bebc0643224fef0e555.png

    为什么这么说呢?

    就拿大家最熟悉的复制、粘贴操作举例,我觉得至少80%以上的用户都未能充分挖掘它的强大之处。

    如果你不信,那请收下下面3个复制粘贴技巧。

    01

    强大的WPS剪贴板

    在处理文档时,我们有时会需要反复地复制许多内容。通常情况下,很多人的做法就是一次次页面跳转复制粘贴。

    但事实上,通过WPS的「剪贴板」功能便能高效完成。

    因为它可以保存多达几十项的复制内容,无论是图片、文字、图形,都能够完美支持。选择其中一个,即可将内容粘贴到指定位置。

    8281dc06c1ac6aadc15b90babbf98b13.gif

    >>操作入口:打开任意文档—选择「开始」选项卡,点击格式刷下方的扩展按钮即可调出剪贴板功能。

    f69ff4e1b8604cb824fa95bf0f235a4f.png

    另外,WPS的剪贴板还支持「收藏」功能。

    这意味着你可以创建一个专属自己的快捷剪贴板,可以将常用到的输入短语收藏起来,点击即可套用。

    比如说,我就会把常用的地址、个人信息、文案引导、标题后缀添加到收藏,使用时直接点击即可,无需在页面跳转反复输入。

    5f17b09368527556e02f2e75bb212abc.gif

    固定文案也能一键搞定

    值得一提的是,WPS剪贴板功能还支持「跨应用独立使用」。只要在WPS中开启剪贴板,电脑桌面右下角便会显示功能图标。

    47d94d9bba541a7c347f3fc87168783a.png

    也就是说,开启该功能后,「剪贴板」便会协助你记录复制的内容,支持在任意应用调出,直接粘贴使用。

    比如说,在微信对话界面时,我可以调出剪贴板,直接粘贴此前收藏或复制的多个内容。

    8761abd5047a2c6d625962ef44dfd923.gif

    >>点击查看《WPS剪贴板使用教程》

    02

    智能的截图取字

    在编辑多个文档时,我们难免会需要引用各类资料和信息,但这些内容往往会因为格式(图片和PDF)、版权问题,而无法直接复制粘贴

    这时候该怎么办呢?

    其实呀,WPS有个十分强大的自带功能——截图取字。它可以一键提取图片中的文本内容,自动识别转换成文本格式,十分高效快捷。

    e4c1378b01be874e7d0876031e928418.gif

    甚至它还能支持直接截取其他软件上的内容、直接识别成文本呢!下次遇到这种情况,千万别再逐字敲打键盘实现啦~

    你仅需在WPS界面中,点击「特色应用」选项卡,选择「截图取字」即可,或者也可以直接使用快捷键「Ctrl+Alt+S」直接调出截图取字。

    68599f0bb8b7c50a508891ff92a9c34c.png

    03

    不可不知的复制粘贴快捷键

    除去被广为人知的Ctrl+C、Ctrl+V,高效复制粘贴的快捷键其实还有Ctrl+鼠标和F4。

    在文档和PPT界面,选择文本、图形或者图片对象后,按住Ctrl,并使用鼠标左键拖动,即可快速复制对象。

    25b6402a4a849b211330b9637fc2269b.gif

    而F4的快捷键作用则是:重复上一步操作。即重复你此前文本、图形或者图片对象的操作。

    比如说:在使用WPS编辑文档时,输入「金山办公」之后,按下F4,就能直接输入金山办公。

    c9ca7880103fcf0b17de96fbf6f29b15.gif

    以上就是本篇的所有内容啦!希望介绍的3个高效技巧,可以帮助你提升使用和整理文档时的效率。

    展开全文
  • 如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...
  • 为什么80%的码农都做了架构师?>>> ...
  • 为什么80%的码农都做了架构师?>>> ...
  • 使用OS剪贴板是一个基本的IT技能。... 即使用户知道剪贴板什么,那些具有远见20:20和猫一样的反射可以努力突出自己想要的确切文本。 复制过程是很少直观的,如果他们知道的键盘快捷方式,无法看到隐藏浏览...
  • 通过clipboard.js插件可以将文本复制到剪切为什么要使用clipboard.js插件? 因为它依赖Flash,也依赖于任何框架,并且只有3kb clipboard.js插件 什么使用? 1、安装 npm install clipboard --...
  • 感谢以下两个具有帮助性的博客:www.cnblogs.com/yunser/p/7628031.htmlhttp://m.blog.csdn.net/deeplies/article/details/77184933在vue中使用clipboard.js 时候发现一个问题,就是如果 :data-...知道为什么<temp
  • 常用的操作系统WINDOWS的剪贴板仅可以复制一次,所以无论是复制文本还是整理文件夹都相当麻烦,只能一次次来,要等这个文件粘贴完才能再弄下个,相当麻烦。而且经常要在各个文件夹转眼花。但是安装了此软件后,你就...
  • 以gnome-terminal为例,当你按下鼠标想复制右下子窗口内AudioConfig结构体的声明到剪贴板时,意外的把左下子窗口的内容也选中了,这时按ctrl-shift-c得到的一定不是你想要的 为什么会这样? 因为这些子窗口是vim...
  • 正文:说这个功能的时候一定要先说说IE浏览器自带的属性window.clipboardData 这么恶心的属性只能支持IE浏览器,而当前仅仅满足ie浏览器是能满足用户需求的,鬼知道他们为什么不适应我们的技术啊,当然像我们这些...
  • 为什么80%的码农都做了架构师?>>> ...
  • 当我的基于Java的应用程序(不是基于浏览器的applet)将纯文本复制到Linux上的系统剪贴板时,许多程序无法访问剪贴板数据,但有些是.这是我能做的最简单的测试:import java.awt.datatransfer.*;import java.awt.Toolkit...
  • 在处理向后打印文本的GUI(Hello = olleH)之后,现在我想创建一个小...我知道还能说些什么,我猜这很准确.这是我用来改变结果的方法Textfield:jtxtoutcome.setText(backwards);解决方法:您可以使用以下代码复制文...
  • 为什么80%的码农都做了架构师?>>> ...
  • 这里大家介绍下 剪贴板就像是一个中转媒介,我们要复制或者移动的文件,都是先放在(剪贴板)里面,然后从这里面复制或者移动指定的地方去。在WINDOWS里面,有个剪贴板查看程序,你可以通过这个程序看到在里面放...
  • 这里大家介绍下 剪贴板就像是一个中转媒介,我们要复制或者移动的文件,都是先放在(剪贴板)里面,然后从这里面复制或者移动指定的地方去。在WINDOWS里面,有个剪贴板查看程序,你可以通过这个程序看到在里面放...
  • 但是每次让用户另存TXT确实有点麻烦,有些用户感觉爽,所以就做了一个功能,只要在Excel复制需要上载的数据,然后程序点一个“从剪贴板上载”按钮就可以了。同时作为一个过来人,也善意的提醒一下新人们,对...
  • 原因,为什么数据网格和Excel之间的直接工作是好的,是DataGridView组件的实现及其对复制操作的反应,以及要将内容粘贴应用程序的行为 . 它可以使用一些特殊代码,记事本会忽略它们 .EDIT所以,现在我很了解你的...
  • 跨平台剪贴板同步工具盘点

    千次阅读 2019-04-23 23:54:36
    以为涉及写作、代码、等等…一系列的操作,需要来回在手机与电脑之间、手机与手机之前、电脑与电脑之间、windows和mac之间…来回切换,很麻烦,所以才需要跨平台剪贴板跨平台剪贴板这种工具,另外一个平台复制图片...
  • 智能剪贴板为您省去了所有的麻烦。您需要做的是:1.打开Smart Clipboard轻松预览所有已复制的内容2.选择从网站A复制的先前内容3.将其粘贴电子邮件中Smart Clipboard是一个“存储并搜索”扩展名该工具可存储您从...
  • 今天要分享是一篇来自正经小仙女的文章图纸弹出“无法复制到粘贴板”窗口?这到底是什么原因呢?...有时图形显示代理实体,但选中后特性面板中对象类型是空的,此时复制粘贴也会提示无法复制到剪贴板,这种情...
  • 查看剪贴板内容的方法剪贴板就像是一个中转媒介,我们要复制或者移动的文件,都是先放在(剪贴板)里面,然后从这里面复制或者移动指定的地方去。在WINDOWS里面,有个剪贴板查看程序,你可以通过这个程序看到在里面...
  • 图片的复制无非有两种方法,一种是图片直接上传服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存例: 打开umeditor.js,找到UM.plugins['autoupload'],然后...
  • 大家常常会遇到mstsc 远程桌面的时候,发现本地和远程之间能够复制和粘贴文本内容,大家可能会很疑惑,我远程的时候明明在“本地资源”里面勾选了“剪贴板”,但为什么能用,原因就是因为“rdpclip.exe”这个...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 218
精华内容 87
关键字:

为什么复制不到剪贴板