Disable select
Hej!Her kommer et spørgsmål - faktisk to - som jeg har kæmpet med i timevis:
Med nedenstående script forhindrer jeg, at brugeren med venstre museknap selecter alt på websiden:
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
Hensigten er IKKE at forhindre folk i at kopiere min tekst eller mine billeder - det må de da gerne. Nej, hensigten er mere layout-mæssig: Det ser dumt ud, når brugeren kan gøre teksten eller billederne "blå" ved at køre hen over med venstre museknap trykket ned.
Problemet er, at select også forhindres i textarea, hvor jeg helst så, at brugeren stadig har mulighed for at selecte (mhp. Ctrl -a (-c -v).
Kan man gøre noget ved ovenstående script, så det udelukker "textarea"?
Jeg har selvfølgelig prøvet at fjerne "textarea" øverst i scriptet, men det hjælper ikke noget.
---
Jeg har også prøvet dette script:
<script type="text/javascript">
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"
}
</script>
Her skal flg. placeres nederst i BODY:
<script type="text/javascript">
var somediv=document.getElementById("mydiv")
disableSelection(somediv) //disable text selection within DIV with id="mydiv"
</script>
og det valgte element skal i DIV:
<DIV ID="mydiv">.....</DIv>
Det virker også - men kun på tekst, ikke på billeder.
Er der en måde at få dette script til også at forhindre selection på billeder?
