当前位置:Gxlcms > JavaScript > 通过脚本控制指定内容不能被选择_典型特效

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

时间:2021-07-01 10:21:17 帮助过:21人阅读

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

其它例子:

<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.gxlcms.com)!

人气教程排行