这是html:
<body>
<div id="screen">
<div id="d1">blabla</div>
<div id="d2">blabla</div>
</div>
</body>
“屏幕” div 包含 100% 的屏幕。包含内容的所有其他 div 都包含在其中。现在,当我双击“屏幕” div 的一些空白区域时,里面的 div 的所有文本/图像都被选中,这是我不希望发生的事情。有什么办法可以避免这种情况吗?
我试过了:
<div id="screen" ondblclick="return false;">
和
<div id="screen" ondblclick="unselect(this);">
js在哪里:
function unselect(element) {
if (document.selection) {
var range = window.document.selection.createRange();
range.collapse();
range.select();
} else {
element.selectionEnd = element.selectionStart;
}
}
但两者都没有工作。
编辑:这种奇怪的行为似乎只发生在火狐(歌剧,铬,即是好的)。
EDIT2:将问题归结为css。如果其中一个内部 div 具有用户选择:无,那么就会发生这种情况。一定是firefox的bug。