首页 > web前端 > js教程 > 正文

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

PHP中文网
发布: 2016-05-16 19:19:28
原创
1238 人浏览过

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

其它例子: 

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


来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板