5

選択したテキスト (Firefox で) が太字かどうかを識別しようとしていますか? 例：

<p>Some <b>text is typed</b> here</p>

<p>Some <span style="font-weight: bold">more text is typed</span> here</p>

ユーザーは、太字テキストの一部または太字テキスト全体を選択できます。これが私がやろうとしていることです:

function isSelectedBold(){
    var r = window.getSelection().getRangeAt(0);
    // then what?
}

手伝っていただけませんか？

ありがとう
_

4

1 に答える 1

15

選択範囲が編集可能な要素またはドキュメント内にある場合、これは簡単です。

function selectionIsBold() {
    var isBold = false;
    if (document.queryCommandState) {
        isBold = document.queryCommandState("bold");
    }
    return isBold;
}

それ以外の場合は、少しトリッキーです: IE 以外のブラウザーでは、ドキュメントを一時的に編集可能にする必要があります。

function selectionIsBold() {
    var range, isBold = false;
    if (window.getSelection) {
        var sel = window.getSelection();
        if (sel && sel.getRangeAt && sel.rangeCount) {
            range = sel.getRangeAt(0);
            document.designMode = "on";
            sel.removeAllRanges();
            sel.addRange(range);
        }
    }
    if (document.queryCommandState) {
        isBold = document.queryCommandState("bold");
    }
    if (document.designMode == "on") {
        document.designMode = "off";
    }
    return isBold;
}
于 2010-08-04T11:34:23.947 に答える