当前位置:首页>Wordpress教程>WordPress如何禁止图片拖放文章选择,禁止右键防复制?

WordPress如何禁止图片拖放文章选择,禁止右键防复制?

WordPress如何禁止图片拖放文章选择,禁止右键防复制?通过下面的 JS 代码,可以有效地防止别人直接复制拷贝我们的文章,用 ...

WordPress如何禁止图片拖放文章选择,禁止右键防复制?通过下面的 JS 代码,可以有效地防止别人直接复制拷贝我们的文章,用 frame 标签引用我们的文章时,会自动跳转到文章正常链接,同时禁止右键菜单。

WordPress如何禁止图片拖放文章选择,禁止右键防复制?

 方法一

打开当前主题头部模板 header.php 找到:将下面代码添加到后面:

<script>

// 禁止右键

document.oncontextmenu = function() {

return false

};

// 禁止图片拖放

document.ondragstart = function() {

return false

};

// 禁止选择文本

document.onselectstart = function() {

if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") return false;

else return true;

};

if (window.sidebar) {

document.onmousedown = function(e) {

var obj = e.target;

if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD") return true;

else return false;

}

};

// 禁止 frame 标签引用

if (parent.frames.length > 0) top.location.replace(document.location);

</script>

 方法二
  
上面的方法查看源代码时有些乱,可以在当前主题目录新建一个名称为 copyright.js 文件,将下面代码添加进去:

// 禁止右键

document.oncontextmenu = function() {

return false

};

// 禁止图片拖放

document.ondragstart = function() {

return false

};

// 禁止选择文本

document.onselectstart = function() {

if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") return false;

else return true;

};

if (window.sidebar) {

document.onmousedown = function(e) {

var obj = e.target;

if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD") return true;

else return false;

}

};

// 禁止 frame 标签引用

if (parent.frames.length > 0) top.location.replace(document.location);

然后再将下面代码添加到当前主题函数模板 functions.php 的最后:

function copyrightpro_scripts() {

wp_enqueue_script( 'copyright', get_template_directory_uri() . 'https://demo201.xinheos.cn/copyright.js', array(), version, false );

}

if (! current_user_can('level_10') ) {

add_action( 'wp_enqueue_scripts', 'copyrightpro_scripts' );

}

代码中加了判断,管理员登录状态下防复制代码无效。当然上面的方法,也只是忽悠一下小白,浏览器禁用 JavaScript 后,将失去效果。如果你不喜欢折腾代码的话,可以直接安装该功能的CopyRightPro插件。

文章链接:https://www.7zt.cn/3269.html
文章标题:WordPress如何禁止图片拖放文章选择,禁止右键防复制?
文章版权:柒主题 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2022年11月21日 17时01分32秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:21660010@qq.com
声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索