zoukankan      html  css  js  c++  java
  • Javascript禁止网页复制粘贴效果,或者复制时自动添加来源信息

    一、禁止复制

    使用方法:在oncopy事件中return false

    oncopy="return false;"

    1、禁止复制网页内容

    <body oncopy="return false;">

    2、禁止复制元素内容

    <input type="text" name="username" oncopy="return false;" />

    二、禁止粘贴

    使用方法:在onpaste事件中return false

    onpaste="return false;"

    禁止将内容粘贴到元素中

    <input type="password" name="pwd" onpaste="return false;" />

    三、复制粘贴来源信息

    为了防止拷贝党在转载时不注明来源信息,所以需要在其复制时,自动在复制的内容后添加版权声明(默认延迟:100毫秒)

    需要使用到clipboardData对象:

    getData("Text")方法:获得剪贴板的文本信息

    setData("Text",val)方法:设置剪贴板的文本信息

    setTimeout(code,delay)方法:超时执行指定的code代码 

    复制代码
    <html>
    <head>
    <title>Paste Source Information</title>
    <script type="text/javascript">
    function copysource(){
    var source = clipboardData.getData("Text");
    source = source + "本文来自博客园,转载请注明来源:" + window.location.href;
    clipboardData.setData("Text", source);
    }
    </script>
    </head>
    <body oncopy="window.setTimeout('copysource()',100);">
    </body>
    </html>
    复制代码
  • 相关阅读:
    Linux初级入门(一)
    教育行业----精华网址汇总
    乐高教育版45544零件---分类识别
    乐高ev3编程---书籍选择
    机器人 乐高ev3 arduino 控制器等
    scratch----回家过年
    Scratch2.0例—接苹果
    scratch2绘图编辑器使用--总结
    在舞台上跳舞
    教学设计--我是飞行员
  • 原文地址:https://www.cnblogs.com/longshiyVip/p/5006720.html
Copyright © 2011-2022 走看看