Maison  >  Article  >  interface Web  >  通过脚本控制指定内容不能被选择_典型特效

通过脚本控制指定内容不能被选择_典型特效

PHP中文网
PHP中文网original
2016-05-16 19:19:281238parcourir

通过脚本控制指定内容不能被选择_典型特效

其它例子: 

<script type="text/javascript">  
disableSelection(document.body) //disable text selection on entire body of page  
</script>  

<script type="text/javascript">  
var somediv=document.getElementById("mydiv")  
disableSelection(somediv) //disable text selection within DIV with id="mydiv"  
</script>  

<script type="text/javascript">  
var alltables=document.getElementsByTagName("table")  
for (var i=0; i<alltables.length; i++)  
disableSelection(alltables[i]) //disable text selection within all tables on the page  
</script>
<script type="text/javascript"> 
//more javascript from http://www.smallrain.net 
function disableSelection(target){ 
if (typeof target.onselectstart!="undefined") //IE route 
    target.onselectstart=function(){return false} 
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route 
    target.style.MozUserSelect="none" 
else //All other route (ie: Opera) 
    target.onmousedown=function(){return false} 
target.style.cursor = "default" 
} 

//Sample usages 
//disableSelection(document.body) //Disable text selection on entire body 
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv" 

</script>
<div id="test" style="background:#f1f1f1;border:1px #000  dotted">这里不能选择</div> 
<script type="text/javascript"> 
var somediv=document.getElementById("test") 
disableSelection(somediv) //disable text selection within DIV with id="mydiv" 
</script>

 以上就是通过脚本控制指定内容不能被选择_典型特效的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn