zoukankan      html  css  js  c++  java
  • DOM_window对象属性之clipboardData对象

    clipboardData 对象

    提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。

    成员表

    方法描述
    clearData 通过 dataTransfer 或 clipboardData 对象从剪贴板删除一种或多种数据格式。
    getData 通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。
    setData 以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。

    示例

    下面的例子使用了 clipboardData 对象的 setData 和 getData 方法通过快捷菜单执行剪切粘贴操作。

    <SCRIPT>
    var bResult;
    // 选中要剪切的文本。在剪切事件中文本选中区的尾随空格导致剪
    // 切选快捷菜单项目保持无效。
    function fnLoad() {
        var r = document.body.createTextRange();
        r.findText(oSource.innerText);
        r.select();
    }
    
    // 启用剪切快捷菜单项目,该项目在 DIV 上时默认为无效
    function fnBeforeCut() {
        event.returnValue = false;
    }
    
    // 以文本格式给 window.clipboardData 对象赋予数据。
    // 将 setData 方法的结果 (Boolean) 显示在下面的输入框内。
    function fnCut(){
        event.returnValue = false;
        bResult = window.clipboardData.setData("Text",oSource.innerText);
        oSource.innerText = "";
        tText.innerText += bResult;
    }
    
    // 启用粘贴快捷菜单项目,该项目在 DIV 上时默认也为无效
    function fnBeforePaste() {
        event.returnValue = false;
    }
    
    // 在 onpaste 中取消 returnValue 以便输入文本,该操作有默认
    // 的行为。
    function fnPaste() {
        event.returnValue = false;
        oTarget.innerText = window.clipboardData.getData("Text");
    }
    
    </SCRIPT>
    </HEAD>
    
    <BODY onload="fnLoad()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="fixed" BGCOLOR="#FFFFFF"
        LINK="#000000" VLINK="#808080" ALINK="#000000">
    
    <DIV CLASS="clsSource" ID="oSource" onbeforecut="fnBeforeCut()" oncut="fnCut()">选中并剪切此文本</DIV>
    <DIV CLASS="clsTarget" ID="oTarget" onbeforepaste="fnBeforePaste()" onpaste="fnPaste()">将文本粘贴在这里</DIV><BR>
    
    <SPAN CLASS="clsData">setData 结果:</SPAN>
    <INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1">
    
    </BODY>
    

    参考网站:http://www.phpx.com/man/dhtmlcn/objects/clipboardData.html

    注意代码中的,oncut、onpaste事件

  • 相关阅读:
    做一名「技术掮客」去变现自己的技术
    又一流氓推广Microsoft Edge,我勒个去
    拿什么心情来阅读我的代码(程序员的必备心理技能)
    发现与研究的基石
    VBA小技巧
    从明天起,让我们做一名调包侠
    设计模式之“Observer”注疏#01
    mybatis-dynamic-query 3.0 更新
    TiDB入门(四):从入门到“跑路”
    利用typescript生成Swagger文档
  • 原文地址:https://www.cnblogs.com/xhiyu/p/1948468.html
Copyright © 2011-2022 走看看