div+css,网页上禁止复制怎么弄?

html-css023

div+css,网页上禁止复制怎么弄?,第1张

网页上禁止复制主要靠JavaScript来实现。

<BODY oncontextmenu="return false" onselectstart="return false"

ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>

-----------------------------------------------

防止复制的js

-----------------------------------------------

<SCRIPT language=JavaScript1.2>

function disableselect(e){

return false}

function reEnable(){return true

}

file://if IE4+

document.onselectstart=new Function ("return false")

file://if NS6

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</SCRIPT>

<SCRIPT language=JavaScript type=text/JavaScript>

<!--

function MM_reloadPage(init) {//reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidthdocument.MM_pgH=innerHeightonresize=MM_reloadPage}}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload()

}

MM_reloadPage(true)

//-->

</SCRIPT>

-------------------------------------------------------

防止下载的js

-------------------------------------------------------

<noscript><iframe src=""></iframe></noscript>

--------------------------------------------------------

下面是防止右键的js:

--------------------------------------------------------

<script language="JavaScript">

<!--

if (window.Event)

document.captureEvents(Event.MOUSEUP)

function nocontextmenu() {

event.cancelBubble = true

event.returnValue = false

return false

}

function norightclick(e) {

if (window.Event){

if (e.which == 2 || e.which == 3)

return false

}else{

if (event.button == 2 || event.button == 3){

event.cancelBubble = true

event.returnValue = false

return false

}

}

}

document.oncontextmenu = nocontextmenu// for IE5+

document.onmousedown = norightclick// for all others

//-->

</script>

可以禁止用户右键,使用js操作禁止,参考以下代码

<script type="text/javascript">

document.oncontextmenu=function(e){return false}

</script>  

<body onselectstart="return false">

也可以直接禁止用户选中页面从而实现禁止复制的目的,可以在css里面操作禁止,参考以下代码

body {  

    -webkit-touch-callout: none  

    -webkit-user-select: none  

    -khtml-user-select: none  

    -moz-user-select: none  

    -ms-user-select: none  

    user-select: none  

}

以上两种方法都可实现禁止用户复制。

具体操作步骤如下:

一、首先是准备一个HTML文档,接着在HTML中添加一个DIV,并给DIV设置宽高和背景图片。

二、接下来运行页面就可以看到如下图所示的带背景图片的div了。

三、然后在div中包裹文字就可以了,如下图所示。

四、运行页面我们就可以看到图片上显示出文字了,如下图所示,以上就是用CSS往图片上加文字的实现了。