Question

这是html：

<body>
    <div id="screen">
        <div id="d1">blabla</div>
        <div id="d2">blabla</div>
    </div>
</body>

“screen”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;
    }
}

但两者都不起作用。

编辑：这种奇怪的行为似乎只发生在firefox（opera，chrome，即没问题）。

EDIT2：将问题归结为css。如果其中一个内部div具有user-select：none，则会发生这种情况。必须是一个火狐虫。

用/ css和双击限制用户选择内容; JavaScript的

0 个答案: