• 【JAVASCRIPT】处理剪切板


    处理复制、剪切和粘贴操作

      ClipboardData对象--属性:  

          oncopy --当用户复制选中区时在源元素上触发。

          oncut--当用户剪切选中区时在源元素上触发。

          onpaste--当用户粘贴数据时在目标对象上触发。

      ClipboardData对象--方法:

          getData("Text")--从系统剪切板获取指定格式的数据。

          setData("Text",values)--讲指定格式的数据保存到系统剪切板。

          clearData()--清楚系统剪切板中的数据。

    例1:设置文本不能粘贴:

      <input type="text" onpaste = "return false;" />  注意:要加上return;

    例2:当复制某个页面的文章在文章结尾加上文章来源,防止粘贴党不加文章链接;

      

    <head>
        <title>设置剪切板</title>
        <script type="text/javascript">
            function updateacritle() {
                var text = clipboardData.getData("Text");
                text = text + " 本文章转载横竖都是二,文章来源:" + location.href;
                clipboardData.setData("Text", text);         
            }
        </script>
    
    </head>
    <body oncopy="setTimeout('updateacritle()',100)">
        this a text!
    </body>

    注意:在使用oncopy的时候要用setTimeout设置定时执行函数,因为只能当用户复制之后才去修改剪切板中的内容。

    这段代码在IE中可以很正常的显示,但是在chrome中却失去了功能。还请友友们不吝赐教!

     

  • 相关阅读:
    vuex 简单理解
    es2015(es6)学习总结
    工作资源知识点总结收集
    margin-top使用需要注意的地方
    关于用display:table让元素居中的小结
    display:table-cell
    margin:0 auto;不居中
    css选择器总结
    css 选择器优先级
    给行内元素加上绝对定位之后,元素属性的变化
  • 原文地址:https://www.cnblogs.com/ngnetboy/p/2618728.html
Copyright © 2020-2023  润新知