Here is the html:
<body>
<div id="screen">
<div id="d1">blabla</div>
<div id="d2">blabla</div>
</div>
</body>
the "screen" div contains 100% of the screen. all the other divs with content are contained in it. Now, when i doubleclick on some empty space of the "screen" div, all of the text/images of the divs inside get selected, something which I don't want to happen. Is there any way to avoid this ?
I tried:
<div id="screen" ondblclick="return false;">
and
<div id="screen" ondblclick="unselect(this);">
where the js is :
function unselect(element) {
if (document.selection) {
var range = window.document.selection.createRange();
range.collapse();
range.select();
} else {
element.selectionEnd = element.selectionStart;
}
}
but both didn't work.
EDIT: This weird behaviour seems to occur only in firefox ( opera, chrome, ie are ok ).
EDIT2 : Hunted the issue down to css. If one of the interior divs has the user-select: none then this happens. must be a firefox bug.