欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-05 12:49:47
...
通过脚本控制指定内容不能被选择_典型特效

其它例子:

<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)!