zoukankan      html  css  js  c++  java
  • 【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中却失去了功能。还请友友们不吝赐教!

     

  • 相关阅读:
    Centos7运维(1)-为什么在centos7配置了静态IP不生效还是分配一个动态ip给我??
    docker 常用命令
    docker 安装
    centos6.8 修改yum安装镜像源
    开发自己的composer package
    修改mysql密码
    MySQL密码的恢复方法
    nginx配置文件说明
    天猫优惠券
    mysql的一些心得
  • 原文地址:https://www.cnblogs.com/ngnetboy/p/2618728.html
Copyright © 2011-2022 走看看