0

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 の 1 つに user-select: none がある場合、これが発生します。Firefox のバグに違いありません。

4

0 に答える 0