1. 王金亮博客首页
  2. 网站建设

复制内容时弹出窗口提示“内容已复制请保留原文出处”

相信大家在复制他人网站内容的时候应该都碰到过弹窗提示,有些提示内容是让我们保留原文出处,也有些是提示文章禁止复制,这种功能主要是在用户复制的最后一秒对用户进行一个提示作用。博主之前写过一篇防止文章被采集的文章,主要是通过JavaScript来判断用户的输入指令,并返回对应的状态,感兴趣的小伙伴可以去看看,今天这篇文章也再次通过JavaScript来教大家怎么设置复制内容时候弹出窗口提示。

利用JavaScript设置复制内容弹窗提示

把下面的这段代码添加在网页的<body></body>之间即可实现复制内容时出现弹窗提示。

<script>
document.onkeydown=function(){
    var e = window.event||arguments[0];
    if(e.keyCode==123){                 			//使用F12审查元素时弹出窗口	    
    	alert('本站禁止F12审查元素');
            return false;
    }else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){       //使用ctrl+shift+i审查元素是弹出窗口	
		alert('本站禁止审查元素');                          
            return false;		
    }else if((e.ctrlKey)&&(e.keyCode==67)){		        //复制内容时弹出窗口		
    	alert('内容已复制,请保留文章出处');
            return false;
	}
}
</script>

效果如下图:

F12审查元素弹窗

审查元素弹窗

复制内容弹窗

keyCode(键码值)

以上弹窗提示是通过JavaScript加上keyCode键码值来相互配合的,当用户键入对应的按键后触发JavaScript并弹出相应的弹窗,keyCode键码值博主已经整理出了一套完整的对照表,大家可以根据博主整理的keyCode(键码值)对照表设置其他弹窗。

版权声明:若无特殊注明,本站文章皆为王金亮博客原创,转载请保留文章出处。

本站原创文章,作者:王金亮,如若转载,请注明出处:https://www.jayseoer.com/1686.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注