Customize Blogspot
Jump to navigation
Jump to search
Disable text selection
Reference: http://www.dynamicdrive.com/dynamicindex9/noselect.htm
- Copy and paste the javacript to the HTML/Javascript gadget.
<script type="text/javascript">
/***********************************************
* Disable Text Selection script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
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>
- Uncomment the disableSelection line to suite your need - either to disable the text selection on the entire page or a certain section.
The code is working fine on Internet Explorer, FireFox, Safari and Chrome.